@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.modal{transition:transform .3s ease}.modal-content{padding:24px;border-radius:8px;max-width:600px;width:100%;box-shadow:0 4px 6px #0000001a;transform:scale(.8);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center}.close-button{cursor:pointer;font-size:24px;color:#fff;opacity:.8;transition:opacity .2s,transform .2s}.close-button:hover{opacity:1;transform:scale(1.1)}.modal-body{margin-top:16px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000}@media (min-width: 600px){.modal-backdrop{bottom:0}}.cookie-popup{width:100%;padding:20px;box-shadow:0 4px 6px #0000001a;position:fixed;bottom:0;left:0;background:#0a0a0ae6;border-top:2px solid #a83232;display:flex;justify-content:space-between;align-items:center;z-index:50;transition:transform .5s ease-in,opacity .5s ease-in;transform:translateY(100%)}.cookie-popup.exiting{animation:slideDown .5s ease-in forwards}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-exiting{opacity:0;transform:scale(.8);transition:transform .3s ease-out,opacity .3s ease-out;animation:exitAnimation .3s forwards}@keyframes exitAnimation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes slideDown{0%{transform:translateY(0);opacity:1!important}to{transform:translateY(100%);opacity:0!important}}.cookie-popup.exiting{animation:slideDown .5s ease-in forwards!important}.button-group button{margin-right:10px;background:transparent;border:none;cursor:pointer;transition:color .3s}.button-group button:hover{color:#fff}.hidden-accept-all{opacity:0;height:0!important}.accept-button{transition:opacity .3s ease,height .3s ease,padding .3s ease;height:auto;opacity:1;padding:10px;overflow:hidden}.hidden-accept-all{opacity:0;height:0!important;padding:0!important}@media (max-width: 768px){.cookie-popup{flex-direction:column;justify-content:center;align-items:flex-start}.button-group{order:1;width:100%}.accept-button{order:2;width:100%;display:flex;justify-content:flex-end;margin-top:20px}}.settings-panel{display:flex;flex-direction:column;gap:10px;background:#ffffff0a;padding:10px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.settings-option{display:flex;align-items:center;background:#ffffff0d;padding:8px;border-radius:4px;transition:background-color .3s}.settings-option:hover{background:#ffffff0d}.settings-option label{flex:1;font-size:14px}.toggle-switch{position:relative;display:inline-block;width:34px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;pointer-events:none;z-index:0;transition:background-color .3s ease,transform .3s ease}.slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:#fff;transition:transform .3s ease;border-radius:50%}input:checked+.slider{background-color:#7f1d1d}input:checked+.slider:before{transform:translate(14px)}.settings-option.disabled{cursor:not-allowed;opacity:.5}.toggle-switch input:disabled+.slider{background-color:#aaa}.toggle-switch input:disabled+.slider:before{background-color:#777}.toggle-switch input:disabled{cursor:not-allowed}.settings-option.disabled label{color:#ccc;cursor:not-allowed}.toggle-switch.read-only input+.slider{background-color:#d32f2f}.toggle-switch.read-only input:checked+.slider:before{background-color:#fff;transform:translate(14px)}.settings-option.essential label{font-weight:700}@keyframes glow{0%{box-shadow:0 0 5px red}to{box-shadow:0 0 20px red}}.sub-settings{margin-left:20px;display:none}.sub-settings.active{display:block}.intro-text{font-size:1rem;margin-bottom:15px}h2,h3{color:#e2e2e2}.modal-background{position:fixed;top:0;left:0;right:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:50px 10px}.modal-content{padding:20px;width:100%;max-width:500px;border-radius:8px;max-height:70vh;z-index:250}.accordion{color:#ccc;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:background-color .4s,color .4s;border-bottom:1px solid #232323}.accordion:hover{background-color:#252525;color:#fff}.active{background-color:#141414;color:#fff}.panel{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .5s ease-out,padding-top .5s ease-out,padding-bottom .5s ease-out;transition-delay:0s,.5s,.5s}.panel.open{padding-top:10px;padding-bottom:10px;border-left:3px solid #101010;border-bottom:3px solid #101010;transition-delay:0s,.5s,.5s}ul,ol{padding-left:20px}li{margin-bottom:5px}p,li{font-size:.9rem;line-height:1.6}._membership-card_jgj4i_25{width:384px;height:224px;background:#000;border-radius:20px;color:#fff;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 100px #ffffff4d;transform:perspective(1000px) rotateY(10deg);transition:transform .5s,box-shadow .5s,background .5s,background-color 1s ease-in-out;background-image:linear-gradient(45deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:200% 200%;animation:_shimmer-effect_jgj4i_1 8s ease infinite}._support-card_jgj4i_53{transform:perspective(1500px) rotateY(-10deg)}._membership-card__tooltip_jgj4i_66{position:absolute;bottom:105px;left:20%;transform:translate(-50%);background-color:#000000d9;color:#fff;padding:8px 16px;border-radius:8px;font-size:15px;font-weight:500;white-space:nowrap;box-shadow:0 4px 20px #00000080;opacity:0;visibility:hidden;transition:opacity .5s ease,box-shadow .3s ease}@media (max-width: 768px){._membership-card__tooltip_jgj4i_66{bottom:80px;left:50%;transform:translate(-50%);font-size:12px}}._membership-card__tooltip_jgj4i_66:hover{box-shadow:0 6px 24px #000000b3}._membership-card__tooltip_jgj4i_66:focus{transform:scale(1.1);box-shadow:0 8px 30px #000c}._membership-card_jgj4i_25:hover ._membership-card__tooltip_jgj4i_66{opacity:1;visibility:visible;transform:translate(-50%,10px)}._membership-card__shimmer-effect--before_jgj4i_119{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);animation:_shimmer_jgj4i_1 2s infinite;background-repeat:no-repeat;background-size:200% 100%;z-index:1;border-radius:20px}._membership-card_jgj4i_25:hover{transform:perspective(1000px) rotateY(0);background:linear-gradient(145deg,#640000,#ae0000);box-shadow:0 0 20px #ffffff80}@keyframes _shimmer-effect_jgj4i_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}._membership-card__spinback-effect_jgj4i_162{width:100px;height:100px;background:linear-gradient(135deg,#ffffff80,#ffffff1a);border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%);background-blend-mode:overlay;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._membership-card__spinback-effect_jgj4i_162:before,._membership-card__spinback-effect_jgj4i_162:after{content:"";position:absolute;top:10%;left:10%;right:10%;bottom:10%;border-radius:50%}._membership-card__spinback-effect_jgj4i_162:before{background:linear-gradient(45deg,#fff3,#fff0)}._membership-card__spinback-effect_jgj4i_162:after{top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,rgba(255,255,255,.2),transparent);animation:_spin-disk_jgj4i_1 5s linear infinite}@keyframes _spin-disk_jgj4i_1{to{transform:rotate(1turn)}}._membership-card__logo_jgj4i_226{width:60px;height:60px}._membership-card__tier_jgj4i_243{position:absolute;top:72.5%;left:13.75%;transform:translate(-50%,-50%);width:150px}._membership-card__tier_jgj4i_243:hover ._membership-card__show-mask_jgj4i_251{opacity:.5;transition:opacity .3s}@media (max-width: 768px){._price-toggle_jgj4i_258{flex-direction:column;padding-top:12px;align-items:center}._price-toggle_jgj4i_258 ._price-label_jgj4i_264{margin:0}._switch_jgj4i_268{margin:10px 0}._membership-card__spinback-effect_jgj4i_162{display:none}}@keyframes _shake_1faw4_21{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}._shake__animation_1faw4_21{animation:_shake_1faw4_21 .82s cubic-bezier(.36,.07,.19,.97) both}@keyframes _fadeIn_1faw4_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1faw4_1{0%{opacity:1}to{opacity:0;visibility:hidden}}._modal__class_1faw4_58{position:absolute;overflow-y:auto}._fade__in_1faw4_63{animation:_fadeIn_1faw4_1 .5s ease-out forwards}._fade__out_1faw4_44{animation:_fadeOut_1faw4_1 .5s ease-out forwards}._close__button_atqfj_1{position:fixed;top:1rem;right:1rem;font-size:1.5rem;color:#fff;cursor:pointer;z-index:2000!important}._close__button_atqfj_1:hover{color:#a50000}@keyframes _fadeOut_atqfj_1{0%{opacity:1}to{opacity:0;visibility:hidden}}._fade__out_atqfj_24{animation:_fadeOut_atqfj_1 .5s ease-out forwards}._label_shixv_1{font-size:.725rem;color:#aaa}._label_change_shixv_6{animation:_fadeOutIn_shixv_1 .6s ease forwards}@keyframes _fadeOutIn_shixv_1{0%{opacity:1}50%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._switch_c9aef_1{position:relative;display:inline-block;width:60px;height:34px;margin:20px}._switch__input_c9aef_9{opacity:0;width:0;height:0}._switch__slider_c9aef_15{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px;box-shadow:0 0 10px #ffffff80}._switch__slider_c9aef_15:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 4px 6px #0000001a}._switch__input_c9aef_9:checked+._switch__slider_c9aef_15{background-color:#7f1d1d}._switch__input_c9aef_9:focus+._switch__slider_c9aef_15{box-shadow:0 0 1px #7f1d1d}._switch__input_c9aef_9:checked+._switch__slider_c9aef_15:before{transform:translate(26px)}._switch__slider_round_c9aef_53{border-radius:34px}._switch__slider_round_c9aef_53:before{border-radius:50%}._toggle_rbpg7_3{display:flex;align-items:center;justify-content:center;animation:_fadeIn_rbpg7_1 1s ease-in-out}._toggle__label_rbpg7_10{color:gray;font-size:.9rem;margin:0 10px;transition:color .3s ease-in-out}._toggle__label--active_rbpg7_17{color:#ff7f7f}html{scroll-behavior:smooth;height:calc(var(--vh, 1vh) * 100)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background-color:#a83232;border-radius:20px;border:3px solid #111}::-moz-selection{background:#ffc107;color:#000;text-shadow:2px 2px 2px #000;font-variation-settings:"wght" 900}::selection{background:#ffc107;color:#000;text-shadow:2px 2px 2px #000;font-variation-settings:"wght" 900}body{width:100%;font-family:Roboto,sans-serif;color:#fff;height:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}.bg-grid-pattern{background-image:url('data:image/svg+xml,%3Csvg width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cline stroke="%23ffffff" stroke-width="0.5" y2="100" x2="100" y1="100" x1="0" stroke-dasharray="4, 4"/%3E%3Cline stroke="%23ffffff" stroke-width="0.5" y2="100" x2="0" y1="0" x1="0" stroke-dasharray="4, 4"/%3E%3C/g%3E%3C/svg%3E')!important;background-size:100px 100px}.background-svg{background-image:url(https://imperfectgamers.org/assets/store/bg.svg);background-size:cover;background-repeat:no-repeat}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutIn{0%{opacity:1}50%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{font-family:Lato,sans-serif;font-size:3rem;color:#fff;margin-bottom:2rem;text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 10px rgba(255,255,255,.7);animation:fadeInDown 1s ease-in-out}.critical{font-family:CriticalMass,sans-serif;-webkit-background-clip:text;background-clip:text}.subtitle{font-family:Lato,sans-serif;font-size:1.25rem;color:#aaa;margin-bottom:3rem;animation:fadeInUp 1s ease-in-out;display:none}.gradient-line{height:2px;background:linear-gradient(to right,#fff0,#ffffffbf,#fff0);width:300px;margin:20px;animation:fadeIn 2s ease-in-out}.tagline{font-family:Lato,sans-serif;font-size:1.25rem;animation:fadeIn 1s ease-in-out;font-weight:400;margin-top:20px;background:-webkit-linear-gradient(left,rgba(255,255,255,.5),rgba(255,255,255,.85));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tagline2{font-family:Lato,sans-serif;font-size:1.25rem;font-weight:400;background:linear-gradient(to left,#ffc8c880,#ff9696d9);margin-bottom:3rem;animation:fadeInUp 1s ease-in-out;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (max-width: 768px){.title{font-size:2rem;margin-bottom:1.5rem}}@media (max-width: 480px){.title{font-size:1.5rem;letter-spacing:2.75px;margin-bottom:1rem}.gradient-line{margin:20px auto}}@font-face{font-family:CriticalMass;src:url(https://cdn.imperfectgamers.org/inc/assets/font/critical-mass-ldr.eot) format("eot"),url(https://cdn.imperfectgamers.org/inc/assets/font/critical-mass-ldr.woff) format("woff"),url(https://cdn.imperfectgamers.org/inc/assets/font/critical-mass-ldr.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes heartbeat{0%,to{transform:scale(1);opacity:.7}25%,75%{transform:scale(1.1);opacity:1}}@keyframes hoverInEffect{0%{transform:scale(1);opacity:.7}to{transform:scale(1.2);opacity:1}}@keyframes hoverOutEffect{0%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.7}}.animate-heartbeat{transition:transform .5s ease,opacity .5s ease}.heart:hover{animation:hoverInEffect .5s forwards}.background-animation{position:fixed;top:0;opacity:5%;left:0;width:100%;height:100vh;background:linear-gradient(45deg,#640000,#ae0000,#640000,#ae0000);background-size:400% 400%;animation:moveBackground 10s ease infinite;z-index:-1}@keyframes moveBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.input-error{border-color:red}.input-valid{border-color:green}.input-neutral{border-color:#4b5563}.input-typing{border-color:#ff0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{border-color:#ff0}50%{border-color:transparent}}.input-hover-error:hover,.input-error:focus{border-color:red}.input-hover-valid:hover,.input-valid:focus{border-color:green}.input-hover-neutral:hover,.input-neutral:focus{border-color:#4b5563}.transition-border{transition:border-color .5s,opacity .5s,visibility .5s}.error-message{max-height:0;overflow:hidden;color:#f55;font-size:.875rem;margin-top:.25rem;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}.error-message.show{max-height:1rem;opacity:1;filter:blur(0)}.confirm-password-transition{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}.confirm-password-transition.show{max-height:5rem;opacity:1}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.error-message-fade{position:relative;animation:fadeOut 5s forwards;color:#9ea8a2;text-align:center}.message-container{display:flex;justify-content:space-between;align-items:center;color:#fff}input::-moz-placeholder{-moz-user-select:none!important;-webkit-user-select:none!important;user-select:none!important}input::placeholder{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.toggle-password{transition:transform .3s}.toggle-password:hover{transform:scale(1.1);color:#f55}.input-tooltip{position:absolute;top:-35px;left:50%;transform:translate(-50%);background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 4px 20px #00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease}.toggle-password-container:hover .input-tooltip,.clear-icon-container:hover .input-tooltip,.redo-icon-container:hover .input-tooltip{opacity:1;visibility:visible}.redo-icon{transition:transform .3s}.redo-icon:hover{transform:scale(1.1);color:#f55}.form-header{z-index:20;color:#e0e0e0!important;padding-top:1rem;font-size:1rem;text-align:center}@media (min-width: 600px){.form-header{font-size:1.0625rem;text-align:left}}.form-header button{fill:currentColor;z-index:20}.form-title-modal{text-align:center;width:100%;position:absolute;left:50%;transform:translate(-50%)}.cookie-popup,#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:1050}#modal{position:fixed;bottom:0;left:0;right:0;transition:transform .3s ease}@media (max-width: 768px){#modal{z-index:1100}}.progress-container{width:16px;height:16px}.progress-ring{width:100%;height:100%}.base-circle{stroke:#00000080}.progress-circle{stroke:#fff;animation:fillCircle 5s linear forwards,fadeOut 1s linear 4s forwards}@keyframes fillCircle{0%{stroke-dashoffset:251.2}to{stroke-dashoffset:0}}.form-title{color:#e0e0e0}.form-primary-link{color:#d1d7dc}.form-secondary-links{color:#bbb}.form-secondary-text{color:#9ea8a2}.faq-section{width:100%;max-width:800px;margin-top:4rem;margin-bottom:4rem}.faq-title{font-size:2rem;color:#fff;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px}.faq-item{background:#202020;border-radius:10px;margin-bottom:1rem;padding:1rem;transition:background .3s ease}.faq-item:hover{background:#333}.faq-question{font-size:1.25rem;color:#fff;cursor:pointer;position:relative;padding-right:2rem}.faq-question:hover{color:#ccc}.faq-question:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:#aaa;margin-top:.5rem;padding:0 1rem;transition:max-height .5s ease,padding .5s ease,opacity .5s ease;opacity:0}.faq-item.active .faq-answer{max-height:1000px;padding:1rem;opacity:1}.faq-item.active .faq-question:after{transform:translateY(-50%) rotate(180deg)}.contact-form-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;margin-top:40px;width:384px;box-shadow:0 0 100px #ffffff4d;transition:all .5s ease-in-out;overflow:hidden}.contact-section-transition{transition:all .5s ease-in-out}.luxury-input:focus{background-color:#1a202c;color:#f3d9e0}.luxury-input:invalid:hover,.luxury-input:invalid:focus{border-color:#e3342f}.luxury-input:valid:hover,.luxury-input:valid:focus{border-color:#38c172}.luxury-input::-moz-placeholder{color:#cbd5e0}.luxury-input::placeholder{color:#cbd5e0}.luxury-label{letter-spacing:.05em;color:#f3d9e0}.luxury-title{text-transform:uppercase;letter-spacing:.1em;color:#f7fafc}.luxury-label.focused{color:#f6ad55}.contact-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;margin-top:40px;width:384px;box-shadow:0 0 100px #ffffff4d}.contact-section h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.contact-section p{color:#aaa;margin-bottom:20px}.contact-section button{background:linear-gradient(145deg,#640000,#ae0000);color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;transition:background .3s}.contact-section button:hover{background:linear-gradient(145deg,#ae0000,#640000)}.hidden{display:none}@media (max-width: 768px){.faq-section{padding:0 1rem}.faq-title{font-size:1.5rem}.faq-question{font-size:1rem}}@media (max-width: 768px){.faq-section{padding:0 1rem}.faq-title{font-size:1.5rem}.faq-question{font-size:1rem}.main{padding:0 4px}.nav{display:block}.nav a{display:block;margin:5px 0}.container{padding:0 4px}.price-toggle{flex-direction:column;padding-top:12px;align-items:center}.price-toggle .price-label{margin:0}.switch{margin:10px 0}.faq-section{width:100%;padding:0}.faq-item{padding:.5rem}.faq-question{padding-right:1rem}.membership-card .spinback-effect{display:none}.testimonial{grid-template-columns:1fr}.testimonial-item{width:100%;padding:1rem}.event{grid-template-columns:1fr}.event-item{width:100%;padding:1rem}.footer{flex-direction:column;text-align:center}.footer .footer-section{margin-bottom:1rem}.footer .footer-section a{margin:0 .5rem}}input,textarea,select{font-size:16px;width:100%}body{position:fixed;width:100%}.cta-container{text-align:center}.cta-text{font-size:1.5em;margin-bottom:20px}.steam-button{background:transparent;border:2px solid #fff;color:#fff;padding:10px 20px;cursor:pointer;border-radius:5px;transition:background-color .3s,color .3s;font-size:1em}.steam-button:hover{background-color:#fff;color:#282c34}.loader{top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1em;color:#fff;z-index:1000;padding:20px;box-sizing:border-box;opacity:0;animation:fadeIn 1s forwards}#loaderText,#alternativeText{word-wrap:break-word;max-width:90%;text-align:center;line-height:1.5;font-family:Arial,sans-serif;margin-top:20px;transition:transform 1s ease-in-out,opacity 1s ease-in-out}#alternativeText{opacity:0;transform:translateY(20px)}.spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (min-width: 600px){.loader{font-size:1.25em}#loaderText,#alternativeText{max-width:600px}}.error-bar{background-color:#d32f2f;color:#fff;text-align:center;font-size:14px;font-weight:500;border-bottom:3px solid #B71C1C;width:100%;padding:20px;box-shadow:0 4px 6px #0000001a;position:fixed;z-index:10000;left:0;background:#0a0a0ae6;border-top:2px solid #a83232;justify-content:space-between;align-items:center;transform:translateY(0);transform-origin:top;animation:slideDownError .5s ease-out forwards;transition:transform .5s ease-in,opacity .5s ease-in}@keyframes slideDownError{0%{transform:translateY(100%);opacity:1!important}to{transform:translateY(0);opacity:0!important}}nav{width:100%;box-shadow:0 2px 4px #0000001a}.nav__list{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;margin:0;background-color:#1a1a1a;transition:max-height .3s ease-out,background-color .3s,opacity .3s;overflow:hidden;max-height:0;opacity:0}.nav__list.active{max-height:500px;background-color:#2a2a2a;opacity:1}.list__icon,.list__item{flex:1;display:flex;justify-content:center;align-items:center;padding:15px 0;margin:0;background-color:transparent;border:none;color:#fff;height:50px;line-height:50px;width:100%;transition:background-color .3s,color .3s,transform .3s,opacity .3s}.list__item:not(:last-child){border-bottom:2px solid #3a3a3a}.list__icon:first-child{border-bottom:2px solid #3a3a3a}.list__item:last-child{border-bottom:2px solid #3a3a3a}.list__item:hover,.list__icon:hover,.list__item.active,.menu-toggle{background-color:#2a2a2a;color:#bfbfbf}.menu-toggle{display:flex;justify-content:center;align-items:center;padding:15px 0;margin:0;font-size:20px;background-color:#1a1a1a;transition:background-color .3s,color .3s;color:#fff}.cancel-text{color:#fff;font-size:16px}.redirect-message{background-color:#1a1a1a;color:#fff;transition:background-color .3s,color .3s,transform .3s,opacity .3s;transform:translateY(-20px);opacity:0;padding:15px;margin:0;cursor:default!important;height:50px;line-height:50px;width:100%}.redirect-message button{cursor:pointer}.redirecting .redirect-message{transform:translateY(0);opacity:1}@media (min-width: 768px){.nav__list{flex-direction:row;max-height:none;opacity:1}.list__item{border-right:2px solid #3a3a3a;border-bottom:none}.menu-toggle{display:none}}.list__icon:first-child{border-top:2px solid #3a3a3a}@media (min-width: 768px){.stats-item{border-top:none;border-left:2px solid #3a3a3a}.list__icon:first-child{border-top:none}}.noise{height:200%;left:-52%;position:absolute;top:-50%;width:200%;background-image:url(https://demo.imperfectandcompany.com/0140508b3ca119631050c945a1c2987c.png);animation:noise .1s steps(10) infinite;opacity:1;transition:opacity .1s ease-in-out;pointer-events:none}.animate-fade-in{animation:fade-in .5s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-out{animation:fade-out 1s ease-out}@keyframes fade-out{0%{opacity:0}to{opacity:1}}@keyframes noise{0%,to{transform:translateZ(0)}10%{transform:translate3d(-5%,-10%,0)}20%{transform:translate3d(5%,15%,0)}30%{transform:translate3d(-10%,5%,0)}40%{transform:translate3d(10%,-15%,0)}50%{transform:translate3d(-15%,20%,0)}60%{transform:translate3d(15%,-10%,0)}70%{transform:translate3d(-20%,10%,0)}80%{transform:translate3d(20%,-5%,0)}90%{transform:translate3d(-25%,25%,0)}}.box{position:relative;overflow:hidden;border:1px solid #000;cursor:pointer}.box:hover .noise{opacity:1;animation-delay:0s;animation-duration:1s}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.skeleton-to-content{transition:opacity .3s ease-out}.skeleton-to-content.hidden{opacity:0}
