.bg-default{background:linear-gradient(to bottom,var(--color-black-dark),var(--color-black))}.bg-topography{background-image:url(../../static/media/topography.fee9c91f83f80994957a.svg)}.bg-bubbles,.bg-topography{background-color:var(--color-black);background-repeat:repeat}.bg-bubbles{background-image:url(../../static/media/bubbles.b36acc9945e220dab892.svg)}.bg-hexagons{background-color:var(--color-black);background-image:url(../../static/media/hexagons.3e650d514bedcdad8e92.svg);background-repeat:repeat}.bg-transition{transition:background-image .3s ease,background .3s ease}:root{--color-red:red;--color-red-dark:#c00;--color-red-light:#ff4d4d;--color-orange:#e46a00;--color-orange-dark:#c45500;--color-orange-light:#e46a004d;--color-orange-hover:#e46a0066;--color-green:#00b900;--color-green-dark:#090;--color-green-light:#4dff4d;--color-green-transparent:#00b9001a;--color-blue:#00f;--color-blue-dark:#00c;--color-black:#2f2f2f;--color-black-light:#3f3f3f;--color-black-dark:#1f1f1f;--color-white:#fff;--color-white-darker:#e0e0e0;--color-grey:#6c757d;--color-grey-light:#f3f3f3;--color-grey-dark:#495057;--color-grey-darker:#333;--color-yellow:#ffff4d;--color-gold-transparent:#ffd70026;--color-gold-transparent-border:#ffd7004d;--color-silver-transparent:#c0c0c026;--color-silver-transparent-border:#c0c0c04d;--color-bronze-transparent:#cd7f3226;--color-bronze-transparent-border:#cd7f324d;--color-white-transparent-3:#ffffff08;--color-white-transparent-12:#ffffff1f;--color-white-transparent-90:#ffffffe6;--color-overlay-light:#ffffff1a;--color-overlay-medium:#fff3;--color-overlay-dark:#0003;--color-overlay-darker:#0000004d;--color-overlay-darkest:#00000080;--color-overlay-darkest-2:#2f2f2fb3;--color-black-transparent-10:#0000001a;--color-black-transparent-20:#0003;--color-black-transparent-30:#0000004d;--color-black-transparent-40:#0006;--color-black-transparent-50:#00000080;--color-black-transparent-70:#000000b3;--color-white-transparent-5:#ffffff0d;--color-white-transparent-8:#ffffff14;--color-white-transparent-10:#ffffff1a;--color-white-transparent-15:#ffffff26;--color-white-transparent-20:#fff3;--color-white-transparent-30:#ffffff4d;--color-white-transparent-50:#ffffff80;--color-white-transparent-80:#fffc;--color-black-light-transparent-30:#3f3f3f4d;--color-black-light-transparent-50:#3f3f3f80;--color-black-light-transparent-70:#3f3f3fb3;--gradient-rating-scale:linear-gradient(to right,var(--color-red-light),var(--color-yellow),var(--color-green-light));--color-shadow-light-mode:#000;--color-shadow-orange:#e46a004d;--color-shadow-orange-hover:#e46a0066;--color-shadow-black:#0003;--color-shadow-black-hover:#0000004d;--color-shadow-gold:#ffd700b3;--color-shadow-silver:#c0c0c0b3;--color-shadow-bronze:#cd7f32b3;--picture-height:90px;--picture-space:150px;--avatar-size:50px;--avatar-size-large:60px;--border-radius-small:5px;--border-radius-medium:8px;--border-radius-large:10px;--border-radius-circle:50%;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--font-size-xs:0.8rem;--font-size-sm:0.9rem;--font-size-md:1rem;--font-size-lg:1.2rem;--font-size-xl:1.4rem;--font-size-xxl:1.6rem;--fadeIn-duration:1s;--hover-duration:0.5s;--hover-duration-quick:0.25s;--animation-hover-scale:scale(1.05)}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;src:url(../../static/media/Quicksand-VariableFont_wght.b964ff93d9cb23e7f4c0.ttf) format("truetype")}body,html{height:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 0 auto;flex-direction:column}.footer{flex-shrink:0;margin-top:auto}body,button,input{font-family:Quicksand,Arial,sans-serif}body{background-color:#2f2f2f;background-color:var(--color-black);color:#fff;color:var(--color-white);margin:0;text-align:center}body,input{font-size:18px}h2{font-size:32px}h3{font-size:26px}a{color:#2f2f2f;color:var(--color-black);margin:0;text-decoration:none}a,button{transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}button{border:none;border-radius:10px;box-shadow:3px 4px #2f2f2f;box-shadow:3px 4px var(--color-black);box-sizing:border-box;font-size:18px;font-weight:700;padding:10px 20px}.icon,button{cursor:pointer}.icon{fill:#e46a00;fill:var(--color-orange);height:35px;width:35px}.fade-in{animation:fadeIn .3s ease-in}@keyframes elementFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{opacity:0;transform:scale(0) rotate(45deg)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(45deg)}}@media (max-width:1200px){.mainRow,.mainRowSection{height:-webkit-fit-content!important;height:fit-content!important}.mainRow{flex-direction:column}.welcomeBanner{height:-webkit-fit-content!important;height:fit-content!important}.chatRoom,.chatRoomNoLobby,.chatRoomNoUser,.start-game-container{max-width:97%!important;min-width:auto;width:100%!important}.lobby{margin:0!important;max-width:100%!important;padding:0 10px}.lobbyContainer{width:100%!important}.chatRoom{min-height:450px}}@media (max-width:740px){.mainRow{gap:50px!important;margin:0!important}.mainRowSection{padding:5vw!important}.chatRoom,.chatRoomNoLobby,.chatRoomNoUser,.start-game-container{margin:0!important;min-width:auto!important;padding:2vw!important;width:100%!important}.lobby{margin:auto 0!important}.welcomeBannerButtons{flex-direction:column;gap:10px;width:100%}.welcomeBannerButton{font-size:6vw!important;padding:10px 0!important;width:100%}.lobbyPlayers{box-sizing:initial;flex-direction:column;margin:0!important;width:100%}.player,.playerPlaceholder{width:98%!important}.lobbyContainer{align-items:normal!important}.inLobbyRow{gap:15px}.inLobbyCode,.inLobbyRow{flex-direction:column}.inLobbyCode-p{margin:10px auto!important}.chatRoomInput{align-items:normal;flex-direction:column;justify-content:center}.chatRoomInput input{font-size:20px!important;margin:0 auto;padding:10px 0!important;width:100%}.chatRoomInput button{margin-left:1px;width:100%}.mainRowTutorial{flex-direction:column;font-size:5vw!important;margin-top:10px!important}}.header{background-color:var(--color-orange);padding:1rem;position:relative;text-align:center}.header,.header-right{align-items:center;display:flex}.header-right{gap:15px;padding:10px;position:absolute;right:0}.header-admin{background-color:var(--color-red);padding:4px;transition:background-color var(--hover-duration-quick)}.header-admin:hover{background-color:var(--color-red-dark)}.header-admin a{color:var(--color-white)}.header-avatar{align-items:center;display:flex}.header-avatar img{border:2px solid var(--color-black-light);border-radius:50%;height:50px;transition:var(--hover-duration) ease;width:50px}.header-login,.header-logout,.header-register{background-color:var(--color-orange);border:2px solid var(--color-black-light);box-shadow:2px 2px var(--color-black-light);padding:2px 4px}.header-login a,.header-logout p,.header-register a{color:var(--color-white)}.header-admin a,.header-login a,.header-register a{align-items:center;box-sizing:border-box;display:block;display:flex;height:100%;justify-content:center;padding:8px 12px;text-decoration:none;width:100%}.header-login:hover,.header-logout:hover,.header-register:hover{background-color:var(--color-orange-dark);box-shadow:2px 2px var(--color-black)}.header-avatar img:hover{background-color:var(--color-orange-dark);scale:1.1}.header-logout-div{align-items:center;display:flex;gap:10px;padding:8px 12px}.header-logout-div p{margin:0}.headerIcon{height:30px;width:30px}.header-register:hover{color:var(--color-white)}.header-title{margin:0 0 0 10px;text-align:center}.header-title-link{color:var(--color-white);text-decoration:none}.element-fade-in{animation:elementFadeIn .5s ease-in}@media (max-width:500px){.header{flex-direction:column;padding:0}.header-title{margin-bottom:10px}.header-right{display:flex;gap:10vw;justify-content:center;padding:0;position:static;width:100%}.header-login,.header-logout,.header-register{margin:5px}.header-avatar img{height:auto;margin:1vw;width:50px}}.footer{background-color:var(--color-black-dark);border-top:3px solid var(--color-orange);display:flex;flex-direction:column}.footer-content{display:flex;gap:2rem;justify-content:center;margin:auto}.footer-section{align-items:center;display:flex;flex-direction:column}.footer-title{color:var(--color-orange);display:inline-block;font-size:1.3rem;margin-bottom:1.5rem;position:relative;text-decoration:none;transition:color var(--hover-duration-quick)}.footer-title:after{background-color:var(--color-orange);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}.footer-title:hover:after{transform:scaleX(1);transform-origin:bottom left}.footer-buttons{flex-wrap:wrap;gap:15px}.footer-button,.footer-buttons{display:flex;justify-content:center}.footer-button{align-items:center;background-color:var(--color-black);border-radius:var(--border-radius-medium);color:var(--color-white);cursor:pointer;gap:8px;min-width:120px;padding:10px 15px;text-decoration:none;transition:all var(--hover-duration) ease}.footer-button:hover{background-color:var(--color-black-light);box-shadow:0 4px 8px var(--color-overlay-dark);transform:translateY(-3px)}.footer-button--primary{background-color:var(--color-orange);color:var(--color-white);font-weight:700}.footer-button--primary:hover{background-color:var(--color-orange-dark)}.footer-button--secondary{background-color:var(--color-overlay-light)}.footer-button--secondary:hover{background-color:var(--color-overlay-medium)}.footer-icon{filter:brightness(0) invert(1);height:18px;width:18px}.footer-copyright{border-top:1px solid var(--color-overlay-medium);color:var(--color-grey);font-size:1.5rem;margin-top:1.8rem;padding-top:1rem;text-align:center}.footer-copyright-p{margin:0}@media (max-width:768px){.footer-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.footer-button{min-width:140px;padding:12px 15px}}.skeleton-element{background:linear-gradient(90deg,var(--color-black-light) 25%,var(--color-black) 50%,var(--color-black-light) 75%);opacity:.8}.skeleton-header-title{display:block;height:36px;width:120px}.skeleton-header-button{border:2px solid var(--color-black-light);box-shadow:2px 2px var(--color-black-light);height:40px;margin:5px;width:100px}.skeleton-admin{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#ff6b6b 25%,#ff4f4f 50%,#ff6b6b 75%);background-size:200% 100%}.skeleton-avatar{border:2px solid var(--color-black-light);height:50px;width:50px}.skeleton-title{height:30px;margin-bottom:15px;width:150px}.skeleton-title-large{height:44px;margin:15px;width:300px}.skeleton-text{height:20px;margin:10px 0;max-width:500px;width:100%}.skeleton-button{margin:5px;width:120px}.skeleton-card{height:200px;margin:10px;width:300px}.fade-in{margin:0}.element-fade-in,.fade-in{animation:fadeIn .2s ease-out}@media (max-width:768px){.skeleton-title-large{height:36px;width:200px}.skeleton-card{height:180px;width:250px}}@media (max-width:500px){.skeleton-header-button{height:35px;width:80px}.skeleton-avatar{height:40px;width:40px}}.homeSection{align-items:center;animation:var(--fadeIn-duration) fadeIn;display:flex;flex-direction:column;font-size:32px;justify-content:center;margin:0;min-height:calc(100vh - 150px);padding:10vh 20px 40px;position:relative}.homeSection-title{color:var(--color-white);font-size:44px;margin:15px;text-shadow:2px 2px 4px var(--color-black-transparent-50)}.homeSection-user{color:var(--color-orange);position:relative;text-decoration:none;transition:color var(--hover-duration-quick)}.homeSection-user:hover{color:var(--color-orange-dark)}.homeSection-user:after{background-color:var(--color-orange);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}.homeSection-user:hover:after{transform:scaleX(1);transform-origin:bottom left}.homeSection-text{line-height:1.6;margin:0 auto 10px}.homeSection-text b{color:var(--color-orange);font-weight:700;transition:color var(--hover-duration-quick)}.homeSection-text b:hover{color:var(--color-orange-dark)}.homeSection-buttons{display:flex;gap:20px;margin:15px 0 45px}.homeSection-button{border:none;border-radius:var(--border-radius-medium);cursor:pointer;font-size:24px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.homeSection-button:hover{transform:translateY(-4px)}.homeSection-button:active{transform:translateY(-1px)}.homeSection-button--primary{background-color:var(--color-orange);box-shadow:0 4px 8px var(--color-black-transparent-30);color:var(--color-white)}.homeSection-button--primary:hover{background-color:var(--color-orange-dark)}.homeSection-button--secondary{background-color:var(--color-white);box-shadow:0 4px 8px var(--color-black-transparent-20);color:var(--color-black-dark)}.homeSection-button--secondary:hover{background-color:var(--color-white-darker)}.homeSection-button--admin{background-color:#8e44ad;border-color:#8e44ad;color:#fff}.homeSection-button--admin:hover{background-color:#6c3483;border-color:#6c3483}@media (max-width:768px){.homeSection-title{font-size:36px}.homeSection-text{font-size:20px}.homeSection-buttons{flex-direction:column;gap:15px}.homeSection-button{font-size:20px}}.mainRow-section{background-color:var(--color-black-light);display:flex;flex-direction:column;height:100vh;justify-content:center}.mainRow-title{font-size:42px;margin:10px}.mainRow{display:flex;gap:calc(10px + 2vh);height:auto;margin:25px}.mainRow-tutorial{align-items:center;display:flex;font-size:26px;gap:5px;justify-content:center;margin:0}.mainRow-tutorial p{margin:0}.mainRow-tutorial a{border-radius:15px;color:var(--color-orange);font-weight:700;padding:5px;text-decoration:none;transition:color var(--hover-duration-quick),background-color var(--hover-duration-quick)}.mainRow-tutorial a:hover{background-color:var(--color-overlay-dark);color:var(--color-orange-dark)}.start-game-container{animation:scaleUp .5s ease-in-out;background-color:var(--color-black-dark);border-radius:15px;display:flex;flex-direction:column;max-width:600px;min-height:440px;min-width:555px;padding:15px 20px;transition:transform .3s;width:calc(800px - 10vw)}.start-game-container:hover{transform:scale(1.02)}.startGameHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.startGameHeader h2{margin:0}.startGameSettings .icon{border-radius:50%;padding:5px;transition:background-color .3s ease}.startGameSettings .icon:hover{background-color:var(--color-black-light)}.lobby{background-color:var(--color-black-dark);border-radius:15px;display:flex;margin:auto!important}.notLoggedIn{align-items:center;display:flex;flex-direction:column;margin-bottom:10%}.notLoggedInHeader{margin:20px}.lobbyButtons{display:flex;gap:15px}.lobbyButton{background-color:var(--color-orange);box-shadow:2px 2px var(--color-orange-dark)}.lobbyButton:hover{background-color:var(--color-orange-dark);box-shadow:2px 2px var(--color-black-light)}.lobbyButton a{color:var(--color-white)}.notInLobby{align-items:center;display:flex;margin:0 auto;width:-webkit-fit-content;width:fit-content}.notInLobby h2{margin:20px}.notInLobby p{margin:10px 0}.notInLobby .lobbyButton{margin:10px}.notInLobbyImage{margin:20px;max-width:400px;width:100%}.lobbyServerContainer{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:90%}.createLobbySection,.joinLobbySection{align-items:center;display:flex;flex-direction:column}.lobbyServerHeader{font-weight:700;margin:15px 0}.lobbyServerIconButton{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:10px;padding:8px 16px;transition:background-color .3s,transform .3s,box-shadow .3s}.lobbyServerIconButton:hover{transform:translateY(-2px)}.lobbyServerCreateWebServerButton{background-color:var(--color-green);box-shadow:3px 4px var(--color-green-dark);color:var(--color-white)}.lobbyServerCreateWebServerButton:hover{background-color:var(--color-green-dark);box-shadow:3px 4px var(--color-black-light)}.joinLobbyButton{align-items:center;background-color:var(--color-orange);border:none;box-shadow:3px 4px var(--color-orange-dark);color:var(--color-white);display:flex;font-size:20px;gap:10px;margin-bottom:15px;padding:8px 16px;transition:background-color .3s,transform .3s,box-shadow .3s}.joinLobbyButton:hover{background-color:var(--color-orange-dark);box-shadow:3px 4px var(--color-black-light)}.loadingSpinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-black-light);border:4px solid var(--color-black-light);border-radius:50%;border-top-color:var(--color-orange);height:30px;margin-top:10px;width:30px}.error{color:var(--color-red);margin-top:10px}.toggleContainer{align-items:center;display:flex;justify-content:center;margin-top:10px}.toggleLabel{font-size:20px;margin:0 10px}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--color-white);border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--color-black-dark);border-radius:50%;bottom:4px;content:"";height:12px;left:4px;width:12px}input:checked+.slider{background-color:var(--color-orange)}input:checked+.slider:before{transform:translateX(20px)}.lobbyServerDividerContainer{align-items:center;display:flex;flex-direction:column;margin:0 20px;position:relative}.lobbyServerDivider{background-color:var(--color-white);height:150px;width:1px}.lobbyServerOrText{background-color:var(--color-black-dark);font-size:18px;position:absolute;top:45%;transform:translateY(-50%)}.joinLobbyHeader{margin:10px}.lobbyNoUserContainer{align-items:center;color:var(--color-white);display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto}.noUserHeader{font-size:2em;margin-bottom:20px}.noUserDescription{color:var(--color-gray);margin-bottom:20px;text-align:center}.noUserButtons{display:flex;gap:20px}.noUserButton{background-color:var(--color-orange);border-radius:10px;box-shadow:3px 4px var(--color-orange-dark);color:var(--color-white);cursor:pointer;font-size:20px;font-weight:700;margin:10px 0;padding:10px 20px;transition:background-color .3s,transform .3s,box-shadow .3s}.noUserButton:hover{background-color:var(--color-orange-dark);box-shadow:3px 4px var(--color-black-light);transform:translateY(-2px)}.lobbyJoinContainer{margin:0 auto;width:90%}.lobbyJoinContainer,.lobbyJoinContent{align-items:center;display:flex;flex-direction:column}.lobbyCodeInput{border:2px solid var(--color-black-light);border-radius:5px;font-size:1em;margin-bottom:10px;padding:10px 0;transition:border-color .3s ease;width:100%}.lobbyCodeInput:focus{border-color:var(--color-orange);outline:none}.lobbyJoinButtons{display:flex;gap:10px;margin:0 auto}.lobbyJoinButton{border-radius:5px;color:var(--color-white);white-space:nowrap}.lobbyContainer{align-items:center;display:flex;flex-direction:column}.lobbyHeader{font-weight:700;margin:25px}.lobbyPlayers{display:flex;flex-wrap:wrap;margin-bottom:10px;transition:all .3s}.inLobbyButton{background-color:var(--color-red);border:none;box-shadow:2px 3px var(--color-red-dark);font-size:18px;height:40px;transition:background-color .3s,box-shadow .3s,transform .3s}.inLobbyButton,.inLobbyButton a{color:var(--color-white)}.inLobbyButton:hover{background-color:var(--color-red-dark);box-shadow:2px 3px var(--color-black-light);transform:translateY(-2px)}.inLobbyRow{justify-content:space-between;width:100%}.inLobbyCode,.inLobbyRow{align-items:center;display:flex}.inLobbyCode{font-size:16px}.inLobbyCode-p{font-size:22px;margin-right:20px}.inLobbyCode-userField{align-items:center;border:1px solid var(--color-white);border-radius:10px;display:flex;justify-content:center;min-width:110px;padding:10px;transition:transform .3s ease,box-shadow .3s ease}.inLobbyCode-span{letter-spacing:5px;margin-right:5px}.inLobbyCode-button{background:none;border:none;box-shadow:none;color:var(--color-orange);margin-left:10px;padding:5px 10px;transition:color .3s ease,background-color .3s ease}.inLobbyCode-button:hover{background-color:var(--color-black-light);color:var(--color-orange-dark);transform:none}.inLobbyCode-copyPopup{animation:fadeIn .5s ease-in-out;color:var(--color-orange);font-size:.9rem;font-weight:700;letter-spacing:normal;margin-left:10px}.player{align-items:center;background-color:var(--color-white);border-radius:10px;box-sizing:border-box;color:var(--color-black-dark);display:flex;height:80px;margin:5px;padding:10px;text-align:center;transition:transform var(--hover-duration),box-shadow var(--hover-duration),background-color var(--hover-duration),border-color var(--hover-duration-quick);width:calc(50% - 10px)}.player:hover{background-color:var(--color-white-darker);box-shadow:0 0 15px var(--color-shadow-light-mode);transform:translateY(-5px)}.userPlayer{border:2px solid var(--color-orange)}.userPlayer:hover{border-color:var(--color-orange-dark)}.playerLeader{border-color:var(--color-green);color:var(--color-green)}.playerLeader:hover{border-color:var(--color-green-dark);color:var(--color-green-dark)}.playerAvatar img{border-radius:25%;height:auto;width:50px}.playerUsername{box-sizing:border-box;font-size:24px;font-weight:700;margin:auto;padding-right:10px}.playerActions{display:flex;gap:10px}.kickButton,.muteButton,.mutedButton{align-items:center;border:none;border-radius:5px;color:var(--color-white);cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:background-color var(--hover-duration-quick),transform .3s ease;width:30px}.mutedButton{background-color:var(--color-green)}.kickButton,.muteButton{background-color:var(--color-red)}.kickButton:hover,.muteButton:active,.muteButton:hover{transform:translateY(-2px)}.mutedButton:hover{background-color:var(--color-green-dark)}.muteButton:before{content:"🔇"}.mutedButton:before{content:"🔊"}.kickButton:hover,.muteButton:hover{background-color:var(--color-red-dark)}.kickButton:before{content:"💣"}.startButton{background-color:var(--color-green);border-radius:10px;box-shadow:3px 4px var(--color-black-light);color:var(--color-white);cursor:pointer;font-size:20px;font-weight:700;padding:5px 10px;transition:background-color var(--hover-duration-quick),transform .3s ease}.startButton:hover{background-color:var(--color-green-dark);box-shadow:3px 4px var(--color-black-dark);transform:translateY(-2px)}.playerPlaceholder{align-items:center;background-color:var(--color-black-light);border-radius:10px;box-sizing:border-box;display:flex;height:80px;margin:5px;padding:10px;transition:transform var(--hover-duration),box-shadow var(--hover-duration),background-color var(--hover-duration),border-color var(--hover-duration-quick);width:calc(50% - 10px)}.playerPlaceholder:hover{background-color:var(--color-black);box-shadow:0 0 15px var(--color-shadow-light-mode);transform:translateY(-5px)}.playerPlaceholderAvatar img{border-radius:25%;height:auto;width:50px}.playerPlaceholderUsername{box-sizing:border-box;font-size:24px;font-weight:700;margin:auto;width:100%}.startGameSettingsContent{color:var(--color-white);display:flex;flex-direction:column;font-size:1.5em;gap:10px}.startGameSetting{color:var(--color-white);font-size:1em;justify-content:space-between}.startGameSetting,.startGameSetting label{align-items:center;display:flex}.startGameCheckbox{margin-right:5px}.checkboxContainer{align-items:center;color:var(--color-white);display:flex;font-size:1em;margin-bottom:10px}.checkboxLabel{align-items:center;cursor:pointer;display:flex;position:relative}.checkboxInput{display:none}.checkboxCustom{align-items:center;border:2px solid var(--color-orange);border-radius:5px;display:flex;height:20px;justify-content:center;margin-right:10px;position:relative;transition:background-color var(--hover-duration),border-color var(--hover-duration);width:20px}.checkboxInput:checked+.checkboxCustom{background-color:var(--color-orange);border-color:var(--color-orange)}.checkboxCustom:after{animation:none;border:solid var(--color-white);border-width:0 2px 2px 0;content:"";height:12px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:opacity var(--hover-duration);width:6px}.checkboxInput:checked+.checkboxCustom:after{animation:checkmark .3s ease forwards;opacity:1}.checkboxInput:hover+.checkboxCustom{border-color:var(--color-orange-dark)}.gameSettingsContent{color:var(--color-white);display:flex;flex-direction:column;font-size:1.5em;gap:10px;margin-top:40px}.gameSettingsHeader{align-items:center;display:flex;gap:15px;position:relative;width:100%}.gameSettingsHeader h2{margin:10px 0}.helpIconWrapper{display:flex}.helpIconWrapper .icon{cursor:help}.helpTooltip{align-items:center;animation:fadeIn .3s ease;background-color:var(--color-dark-gray);border-radius:5px;color:var(--color-white);display:none;font-size:58%;padding:5px 10px}.helpIconWrapper:hover .helpTooltip{display:flex}.gameSetting{color:var(--color-white);display:flex;font-size:1em;gap:20px;justify-content:left}.gameSetting label{align-items:center;display:flex;flex-grow:0}.gameInput,.gameSelect{background:var(--color-black-light);border:none;border-radius:5px;color:var(--color-white);cursor:pointer;font-size:1em;padding:5px;transition:background-color .3s ease}.gameInput:hover,.gameSelect:hover{background-color:var(--color-orange-dark)}.selectInputContainer{color:var(--color-white);display:flex;font-size:1em;gap:20px;justify-content:left;margin-bottom:10px}.selectInputLabel{align-items:center;display:flex;flex-grow:0}.selectInput{background:var(--color-black-light);border:none;border-radius:5px;color:var(--color-white);cursor:pointer;font-size:1em;padding:5px;transition:background-color .3s ease}.selectInput:hover{background-color:var(--color-orange-dark)}.chatRoom{animation:scaleUp .5s ease-in-out;background-color:var(--color-black-dark);border-radius:15px;display:flex;flex:1 1;flex-direction:column;min-width:350px;padding:15px 20px;transition:transform .3s}.chatRoom:hover{transform:scale(1.02)}.chatRoom.no-animations{animation:none;transition:none}.chatRoomHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.chatRoomHeader h2{margin:0}.chatRoomHeaderLayout{text-wrap:nowrap;align-items:center;display:flex;width:100%}.chatRoomSettings .icon{border-radius:50%;padding:5px;transition:background-color .3s ease}.chatRoomSettings .icon:hover{background-color:var(--color-black-light)}.chatRoomMessages{flex-grow:1;height:90%;margin-bottom:10px;overflow-y:auto}.chatRoomMessage{align-items:center;display:flex;margin-bottom:10px}.chatRoomMessage.fadeIn{animation:fadeIn .5s ease}.chatRoomAvatar{border-radius:50%;height:35px;margin-right:5px;padding:3px;width:35px}.chatRoomUser{color:var(--color-orange);margin-right:5px;text-decoration:none}.chatRoomUser:hover{color:var(--color-orange-dark)}.actionMessage{color:#888;font-style:italic}.actionText{display:block;text-align:center;width:100%}.chatRoomInput{align-items:center;display:flex;justify-content:space-between}.chatRoomInput input{border:1px solid var(--color-black-dark);border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}.chatRoomInput button{background-color:var(--color-orange);border:none;border-radius:5px;color:var(--color-white);cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.chatRoomInput button:hover{background-color:var(--color-orange-dark)}.chatRoomNoLobby{background-color:var(--color-black-dark);border-radius:15px;display:flex;flex:1 1;flex-direction:column;padding:15px 20px;transition:transform .3s}.chatRoomNoLobby:hover{transform:scale(1.02)}.chatRoomNoLobby .chatRoomHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.chatRoomNoLobby .chatRoomHeader h2{margin:0}.chatRoomNoLobby .chatRoomSettings .icon{border-radius:50%;padding:5px;transition:background-color .3s ease}.chatRoomNoLobby .chatRoomSettings .icon:hover{background-color:var(--color-black-light)}.chatRoomNoLobby .chatRoomMessages{align-items:center;color:var(--color-white);display:flex;flex-grow:1;justify-content:center;margin-bottom:10px;overflow-y:auto;text-align:center}.chatRoomNoLobby .chatRoomInput{align-items:center;display:flex;justify-content:space-between}.chatRoomNoLobby .chatRoomInput input{border:1px solid var(--color-black-dark);border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}.chatRoomNoLobby .chatRoomInput button,.chatRoomNoLobby .chatRoomInput input{background-color:var(--color-black);cursor:not-allowed;transition:background-color .3s}.chatRoomNoLobby .chatRoomInput button{border-radius:5px;box-shadow:none;padding:10px 20px}.chatRoomNoLobby .chatRoomInput button:hover,.chatRoomNoLobby .chatRoomInput input:hover{background-color:var(--color-black-light);transform:none}.chatRoomNoUser{animation:scaleUp .5s ease-in-out;background-color:var(--color-black-dark);border:2px solid var(--color-black-dark);border-radius:15px;display:flex;flex:1 1;flex-direction:column;padding:15px 20px;transition:transform .3s}.chatRoomNoUser:hover{transform:scale(1.02)}.chatRoomNoUser .chatRoomHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.chatRoomNoUser .chatRoomHeader h2{margin:0}.chatRoomNoUser .chatRoomSettings .icon{border-radius:50%;padding:5px;transition:background-color .3s ease}.chatRoomNoUser .chatRoomSettings .icon:hover{background-color:var(--color-black-light)}.chatRoomNoUser .chatRoomMessages{align-items:center;color:var(--color-white);display:flex;flex-grow:1;justify-content:center;margin-bottom:10px;overflow-y:auto;text-align:center}.chatRoomNoUser .chatRoomInput{align-items:center;display:flex;justify-content:space-between}.chatRoomNoUser .chatRoomInput input{border:1px solid var(--color-black-dark);border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}.chatRoomNoUser .chatRoomInput button,.chatRoomNoUser .chatRoomInput input{background-color:var(--color-black);cursor:not-allowed;transition:background-color .3s}.chatRoomNoUser .chatRoomInput button{border-radius:5px;box-shadow:none;padding:10px 20px}.chatRoomNoUser .chatRoomInput button:hover,.chatRoomNoUser .chatRoomInput input:hover{background-color:var(--color-black-light);transform:none}.chatRoomSettingsContent{color:var(--color-white);display:flex;flex-direction:column;flex-grow:1;font-size:1.5em;gap:10px}.chatRoomSetting{color:var(--color-white);font-size:1em;justify-content:space-between}.chatRoomSetting,.chatRoomSetting label{align-items:center;display:flex}.chatRoomSetting input[type=checkbox]{margin-right:10px}.chatRoomSetting select{flex:1 1;margin-left:10px;margin-right:10px}.chatRoomCheckbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--color-orange);border-radius:3px;cursor:pointer;height:20px;padding:10px;position:relative;transition:background-color .3s ease,border-color .3s ease;width:20px}.chatRoomCheckbox:checked{background-color:var(--color-orange);border-color:var(--color-orange)}.chatRoomCheckbox:checked:after{animation:checkmark .3s ease forwards;border:solid var(--color-white);border-width:0 2px 2px 0;content:"";height:12px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);width:6px}.chatRoomRange{-webkit-appearance:none;appearance:none;background:var(--color-orange-dark);border-radius:5px;flex:1 1;height:8px;margin-left:10px;margin-right:10px;outline:none;transition:opacity .2s;width:100%}.chatRoomRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-orange);border-radius:50%;cursor:pointer;height:25px;-webkit-transition:background-color .3s;transition:background-color .3s;width:25px}.chatRoomRange::-moz-range-thumb{-webkit-appearance:none;appearance:none;background:var(--color-orange);border-radius:50%;cursor:pointer;height:25px;-moz-transition:background-color .3s;transition:background-color .3s;width:25px}.chatRoomRange:hover::-webkit-slider-thumb{background-color:var(--color-white)}.chatRoomRange:hover::-moz-range-thumb{background-color:var(--color-orange-dark)}.chatRoomPreview{background-color:var(--color-white);border:1px solid var(--color-black-dark);border-radius:10px;color:var(--color-black);display:flex;flex-direction:column;gap:10px;padding:10px}.chatRoomPreview .chatRoomMessage{align-items:center;display:flex}.chatRoomPreview .chatRoomAvatar{background-color:var(--color-orange);border-radius:50%;height:30px;margin-right:5px;padding:3px;width:30px}.chatRoomPreview .chatRoomUser{color:var(--color-orange);text-decoration:none}.chatRoomPreview .chatRoomUser:hover{color:var(--color-orange-dark)}.no-animations,.no-animations *{animation:none!important;transition:none!important}.tutorialSection-container{margin:0 auto;max-width:1100px;padding:40px 20px}.tutorialSection-title{animation:titleAppear .8s ease-out;color:var(--color-orange);font-size:36px;margin-bottom:40px;overflow:hidden;position:relative;text-align:center}@keyframes titleAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tutorialSection-cardsContainer{grid-gap:25px;animation:cardsAppear 1s ease-out;display:grid;gap:25px}@keyframes cardsAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorialSection-card{background-color:var(--color-black-dark);border-radius:15px;box-shadow:0 5px 15px var(--color-overlay-dark);padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.tutorialSection-card:hover{box-shadow:0 10px 20px var(--color-overlay-darker);transform:translateY(-5px)}.tutorialSection-cardNumber{align-items:center;background-color:var(--color-orange);border-radius:50%;color:var(--color-white);display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;left:-15px;position:absolute;top:-15px;transition:transform .3s ease;width:40px}.tutorialSection-card:nth-child(odd):hover .tutorialSection-cardNumber{transform:scale(1.15) rotate(10deg)}.tutorialSection-card:nth-child(2n):hover .tutorialSection-cardNumber{transform:scale(1.15) rotate(-10deg)}.tutorialSection-card h3{color:var(--color-white);display:inline-block;font-size:22px;margin-bottom:15px;position:relative}.tutorialSection-card h3:after{background-color:var(--color-orange);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.tutorialSection-card:hover h3:after{width:100%}.tutorialSection-card p{color:var(--color-white-darker);line-height:1.6}.tutorialSection-gameTypesList{list-style-type:none;margin-top:10px;padding:0}.tutorialSection-gameTypesList li{align-items:flex-start;color:var(--color-white-darker);display:flex;margin-bottom:10px}.tutorialSection-gameTypesList li:before{color:var(--color-orange);content:"•";font-weight:700;margin-right:8px}.tutorialSection-gameType{color:var(--color-orange);font-weight:700;transition:color .2s ease}.tutorialSection-gameTypesList li:hover .tutorialSection-gameType{color:var(--color-white)}.tutorialSection-tipContainer{height:80px;margin-top:40px;position:relative}.tutorialSection-tip{background-color:var(--color-overlay-light);border-radius:4px;box-sizing:border-box;opacity:0;padding:15px 20px 25px;position:absolute;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;width:100%}.tutorialSection-tip--active{opacity:1;transform:translateY(0)}.tutorialSection-tip p{color:var(--color-white);margin:0}.tutorialSection-progressContainer{background-color:var(--color-overlay-light);border-radius:0 0 4px 0;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;width:100%}.tutorialSection-progress{background-color:var(--color-orange);height:100%;transition:width .1s linear;width:0}@media (max-width:768px){.tutorialSection-title{font-size:28px}.tutorialSection-tipContainer{height:90px}}.background-chooser{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--color-overlay-darkest-2);border-radius:var(--border-radius-medium);padding:10px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:10}.background-chooser:hover{background-color:var(--color-white-transparent-10)}.background-chooser-title{color:var(--color-white);font-size:14px;margin-bottom:8px;text-align:center}.background-chooser-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.background-option{background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-small);color:var(--color-white);cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.background-option:hover{background-color:var(--color-orange);transform:translateY(-2px)}.background-option.selected{background-color:var(--color-orange);box-shadow:0 0 0 2px var(--color-white)}@media (max-width:768px){.background-chooser{margin:20px auto 0;max-width:90%;position:relative;right:auto;top:auto;width:-webkit-fit-content;width:fit-content}}.test-mode-container{background-color:var(--color-bg);border-radius:10px;color:var(--color-white);margin:20px auto;max-width:1200px;padding:30px}.test-mode-container h2{color:var(--color-primary);margin-bottom:10px}.test-mode-container.loading{font-size:20px;padding:50px;text-align:center}.error-message{color:var(--color-red);margin:15px 0;padding:10px}.theme-selector{margin:20px 0}.theme-list{gap:10px;margin-top:15px}.theme-button{background-color:var(--color-secondary);border-radius:5px;padding:10px 15px}.theme-button:hover{background-color:var(--color-secondary-dark)}.game-navigation{margin:20px 0}.navigation-buttons{gap:10px;margin-top:10px}.navigation-buttons button{background-color:var(--color-primary);border-radius:5px;color:var(--color-white);cursor:pointer;padding:10px 15px;transition:all .2s ease}.navigation-buttons button:hover:not(:disabled){background-color:var(--color-primary-dark)}.game-preview{background-color:#0003;border:1px solid var(--color-secondary);border-radius:5px}.tierListContainer{animation:fadeIn var(--fadeIn-duration) ease-in;display:flex;flex-direction:column;margin:auto;min-height:500px;padding-bottom:2rem;width:80%}.tierList-header{margin:5px auto}.tierList-description{margin:15px auto}.tier-row{background:var(--color-black-light);border-top:1px solid var(--color-black);border:1px solid var(--color-black);border-bottom:1px solid var(--color-black-dark);border-top-color:var(--color-black-dark);display:flex;flex-direction:row;justify-content:center;min-height:var(--picture-height);transition:opacity .3s ease}.tier-row.disabled{cursor:not-allowed;opacity:.5}.label-holder{align-items:center;border-right:1px solid var(--color-black-dark);display:flex;justify-content:center;min-height:80px;width:var(--picture-height)}.label{color:var(--color-white);margin:5px;overflow:hidden;text-align:center}.tier.sort{flex:1 1}.tier-1{background-color:var(--color-green)}.tier-2{background-color:var(--color-orange)}.tier-3{background-color:var(--color-red)}.tier-4{background-color:var(--color-red-dark)}.tier-5{background-color:var(--color-black)}.slide-down{animation:slideDown .5s ease-out forwards;overflow:hidden}.slide-up{animation:slideUp .5s ease-out forwards}.slide-down-text{animation:slideDown .5s ease-out forwards;overflow:hidden}.slide-up-text{animation:slideUp .5s ease-out forwards;overflow:hidden}.image-holder{opacity:1;overflow:hidden;transition:opacity .3s ease}.image-holder.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.selectedTierListText{font-size:1.2em;margin-top:10px}.tierList-error{background-color:#ff00001a;border:1px solid var(--color-red);border-radius:5px;color:var(--color-red);font-size:16px;margin-top:20px;padding:10px;text-align:center}.tierListContainer.error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.tierList-debug{background-color:var(--color-black-light);border:1px solid var(--color-red);color:var(--color-green);font-family:monospace;font-size:12px;margin-top:10px;overflow:auto;padding:10px;text-align:left;white-space:pre-wrap}.picture,.tierRowImage{border-radius:10px;height:calc(var(--picture-height) - 10px);object-fit:cover;transition:transform var(--hover-duration-quick),filter var(--hover-duration-quick);-webkit-user-select:none;user-select:none;width:auto}.picture{border:2.5px solid var(--color-black-light)}.tierRowImage{border:2.5px solid var(--color-black)}.picture:hover,.tierRowImage:hover{cursor:grab;transform:scale(1.05)}.tierRowSort{padding:10px}.image-holder,.tierRowSort{display:flex;flex-wrap:wrap;gap:10px}.image-holder{margin-top:25px}.used-image{background-color:var(--color-black-light);border:1px solid var(--color-red);filter:opacity(.8)}.not-allowed{cursor:not-allowed;pointer-events:none}.TierListLoadingContainer{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:20px}.TierListLoadingBalls{display:flex;gap:10px}.TierListLoadingBall{animation:bounce .5s infinite alternate;border-radius:50%;height:15px;width:15px}.TierListLoadingBall.orange{background-color:var(--color-orange)}.TierListLoadingBall.orange-dark{animation-delay:.1s;background-color:var(--color-orange-dark)}.TierListLoadingBall.red{animation-delay:.2s;background-color:var(--color-red)}.TierListLoadingError{color:var(--color-red);font-size:1.2rem;text-align:center}.tierRowContainer{background-color:var(--color-black-light);border-top:1px solid var(--color-black);border:1px solid var(--color-black);border-bottom:1px solid var(--color-black-dark);border-top-color:var(--color-black-dark);display:flex;flex-direction:row;justify-content:center;min-height:calc(var(--picture-space)*.7);transition:opacity .3s ease}.tierRowContainer.disabled{opacity:.5;pointer-events:none}.tierRowLabelHolder{align-items:center;border-right:1px solid var(--color-black-dark);display:flex;justify-content:center;min-height:calc(var(--picture-space)*.7);width:var(--picture-space)}.tierRowLabel{color:var(--color-white);font-size:24px;font-weight:700;overflow:hidden;text-align:center}.tierRowSort{flex:1 1}.tierRowImage{cursor:pointer}.tierList-tier-label{align-items:center;border-right:2px solid var(--color-white-transparent-20);color:var(--color-white);display:flex;font-size:22px;font-weight:700;height:100%;justify-content:center;text-shadow:0 0 3px #000c,0 0 5px #00000080;width:50px}.playerDraggable{align-items:center;background:var(--color-white);border-radius:8px;color:var(--color-black-dark);cursor:move;display:flex;height:60px;margin:5px;padding:10px;transition:transform .2s,box-shadow .2s;width:130px}.playerDraggable:hover{box-shadow:0 4px 8px var(--color-shadow-black-hover);transform:translateY(-3px)}.playerDraggable.disabled{cursor:not-allowed;opacity:.5}.playerDraggable-avatar img{border-radius:25%;height:50px;width:50px}.playerDraggable-username{box-sizing:border-box;font-size:24px;font-weight:700;margin:auto;padding:0 5px;text-overflow:ellipsis}.player-holder{flex-direction:column;gap:10px;justify-content:center;padding:15px;position:relative}.player-holder.all-selected{background-color:var(--color-black-transparent-20);opacity:.7}.player-draggable-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px;width:100%}.selectedTierListText{background-color:var(--color-black-transparent-30);border-radius:var(--border-radius-medium);color:var(--color-white);font-size:16px;margin-top:15px;padding:10px;text-align:center;transition:all .3s ease;width:95%}.player-holder.all-selected .selectedTierListText{background-color:var(--color-green-transparent);border:1px solid var(--color-green-dark);font-weight:700}.player-holder{background-color:var(--color-black);border-radius:5px;flex-wrap:wrap;margin-top:20px;min-height:100px;transition:transform .5s ease}.player-holder,.tierList-user-info{align-items:center;display:flex;padding:10px}.tierList-user-info{background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-medium);gap:10px;margin-bottom:15px;margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:fit-content}.tierList-user-avatar{border:2px solid var(--color-white-transparent-30);border-radius:50%;box-shadow:0 2px 4px #0000004d;height:40px;object-fit:cover;width:40px}.tierList-user-name{color:var(--color-white);font-size:16px;font-weight:700}.slide-up{height:0;margin:0;opacity:0;overflow:hidden;padding:0;transform:translateY(-100%)}.slide-down,.slide-up-text{opacity:1;transform:translateY(0)}.slide-down-text{opacity:.8;transform:translateY(0)}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.sliderContainer{align-items:center;animation:var(--fadeIn-duration) fadeIn;background-color:var(--color-black-light);border-radius:10px;display:flex;flex-direction:column;gap:40px;height:100%;justify-content:center;margin-bottom:20px;padding:20px}.slider-container{background-color:var(--color-overlay-dark);border-radius:var(--border-radius-large);box-sizing:border-box;margin:0 auto;overflow:hidden;padding:20px 30px;position:relative;width:95%}.slider-container.test-mode{background-color:#0000004d;box-shadow:0 0 15px #ffffff1a}.slider-track-container{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-bottom:10px}.slider-track{background:var(--color-black-transparent-50);border:1px solid var(--color-white-transparent-50);border-radius:4px;box-shadow:0 0 0 1px #fff3;height:8px;width:100%}.slider-thumb,.slider-track{pointer-events:none;position:absolute}.slider-thumb{background-color:var(--color-white);border-radius:50%;box-shadow:0 0 0 2px var(--color-white-transparent-50),0 0 5px var(--color-shadow-black);height:20px;transform:translateX(-50%);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;width:20px;z-index:2}.slider-track-container:hover .slider-thumb{background-color:var(--color-white-darker);box-shadow:0 0 12px #ffa500b3;transform:translate(-50%,-50%) scale(1.15)}.slider-track-container:active .slider-thumb{border-color:var(--color-orange-dark);box-shadow:0 0 16px var(--color-orange);transform:translate(-50%,-50%) scale(1.25)}.slider-range-input{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:8px;margin:0;padding:0;position:absolute;width:100%;z-index:3}.slider-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-white);border:none;border-radius:50%;box-shadow:0 0 0 2px #ffffff80,0 0 5px var(--color-shadow-black);cursor:pointer;height:20px;width:20px}.slider-range-input::-moz-range-thumb{background:var(--color-white);border:none;border-radius:50%;box-shadow:0 0 0 2px #ffffff80,0 0 5px var(--color-shadow-black);cursor:pointer;height:20px;width:20px}.slider-track-container:hover .slider-track{box-shadow:0 3px 6px #0000004d;height:8px}.slider-track-container:active .slider-track{box-shadow:0 4px 8px #0006;height:10px}.slider-track:before{background:repeating-linear-gradient(to right,#0000,#0000 calc(10% - 1px),var(--color-white-transparent-30) calc(10% - 1px),var(--color-white-transparent-30) 10%);content:"";height:18px;left:0;pointer-events:none;position:absolute;right:0;top:-5px;z-index:1}.slider-information-container{background-color:var(--color-black-transparent-20);border-radius:10px;padding:10px}.slider-description{animation:slideIn .5s ease-out;margin:15px auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slider-header{color:var(--color-white);font-size:32px;margin-bottom:10px;text-align:center}.slider-description{color:var(--color-white-darker);font-size:18px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.slider-control{margin:50px 0;padding:0 10px;position:relative}.slider-points-container{justify-content:space-between;margin-bottom:15px;margin-top:10px;overflow:visible}.slider-point{flex:0 0 auto;max-width:20%;position:relative}.slider-point-value{box-shadow:0 0 0 1px #fff3}.slider-point.scale-up .slider-point-value{box-shadow:0 0 10px #ffffff4d;transform:scale(1.2)}.slider-point-label{font-size:12px;margin-top:5px;max-width:90%;opacity:.7;text-overflow:ellipsis;white-space:nowrap}.slider-point:hover .slider-point-label{max-width:none}@media (max-width:600px){.slider-point-label{font-size:10px;max-width:100%}}.slider-rating{background-color:#0003;border-radius:10px;color:var(--color-white);font-size:24px;margin-top:20px;padding:10px;text-align:center}.slider-current-value{color:var(--color-orange);font-size:30px;font-weight:700;margin-left:10px}.slider-container.disabled .slider-control{opacity:.7;pointer-events:none}.slider-container.disabled .slider-track-container{cursor:not-allowed}@media (max-width:600px){.slider-point-label{font-size:12px;max-width:60px}.slider-point-value{font-size:14px;height:28px;width:28px}.slider-rating{font-size:20px}.slider-current-value{font-size:24px}}.slider-value,.slider-value.active,.slider-values{display:none}input[type=range].slider-range-input{appearance:none;-webkit-appearance:none;background:#0000;height:40px;margin:0;opacity:0;outline:none;padding:0;width:100%}.sliderLobbyContainer{background-color:var(--color-black-light);border-radius:25px;margin:20px 0;padding:20px;transition:all .3s ease}.sliderLobby-scale{display:flex;justify-content:space-between;margin-bottom:5px}.sliderLobby-scale span{color:var(--color-white);font-size:18px;font-weight:700;text-shadow:1px 1px 2px var(--color-shadow-black)}.sliderLobby-players{display:flex;flex-direction:column;margin-bottom:25px}.sliderLobby-players h3{color:var(--color-white);font-size:18px;margin-bottom:10px}.sliderLobby-playerList{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.sliderLobby-playerButton{align-items:center;background-color:var(--color-white-transparent-15);border:none;border-radius:25px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;padding:8px 12px;position:relative;transition:all .2s ease}.sliderLobby-playerButton:hover{background-color:var(--color-white-transparent-25)}.sliderLobby-playerButton.active{background-color:var(--color-white-transparent-30);box-shadow:0 0 0 2px var(--color-white-transparent-50)}.sliderLobby-ratingBadge{align-items:center;background-color:var(--color-black-transparent-40);border-radius:50%;color:var(--color-white);display:flex;font-size:12px;height:24px;justify-content:center;margin-left:8px;width:24px}.sliderLobby-ratingDisplay{align-items:center;display:flex;flex-direction:column;margin-top:15px}.sliderLobby-currentRating{border-radius:20px;font-size:20px;font-weight:700;margin-bottom:10px;padding:6px 15px}.sliderLobby-range{-webkit-appearance:none;background:var(--color-white-transparent-20);border-radius:5px;height:10px;outline:none;width:100%}.sliderLobby-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-white);border-radius:50%;box-shadow:0 0 5px var(--color-shadow-black);cursor:pointer;height:20px;width:20px}.sliderLobbyContainer.locked{opacity:.8;pointer-events:none}.sliderLobbyContainer .slider-container,.sliderLobbyContainer .slider-description,.sliderLobbyContainer .slider-info-icon,.sliderLobbyContainer .slider-information-container,.sliderLobbyContainer .slider-title,.sliderLobbyContainer .slider-title-container,.sliderLobbyContainer .slider-value,.sliderLobbyContainer .slider-values{composes:from "../SliderNormal/slider.css"}.sliderAvatarsContainer{background-color:var(--color-black-light);border-radius:25px;color:var(--color-white);margin:20px 0;max-width:800px;min-height:300px;padding:20px;position:relative;transition:all .3s ease;width:100%}.sliderAvatarsContainer.locked{opacity:.8;pointer-events:none}.slider-information-container{margin-bottom:30px}.slider-title-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px;width:100%}.slider-title{margin:5px 0;text-align:center}.slider-info-icon{border-radius:10px;cursor:pointer;height:30px;padding:5px;transition:background-color var(--hover-duration-quick) ease-in-out;width:30px}.slider-info-icon:hover{background-color:var(--color-white-transparent-20)}.slider-description{font-size:16px;margin-top:10px;opacity:.8}.playerRanking-scale{align-items:center;display:flex;justify-content:space-between;margin:20px 0;padding:0 20px;position:relative}.playerRanking-scaleLabel{border-radius:4px;color:var(--color-white);font-size:16px;font-weight:700;padding:5px;text-shadow:1px 1px 1px #000000b3}.playerRanking-scaleLabel.worst{background-color:var(--color-red-transparent);color:var(--color-white)}.playerRanking-scaleLabel.best{background-color:var(--color-green-transparent);color:var(--color-white)}.playerRanking-scaleTrack{background:linear-gradient(to right,var(--color-red),var(--color-yellow),var(--color-green));border-radius:2px;flex-grow:1;height:4px;margin:0 15px}.playerRanking-container{background-color:var(--color-black-transparent-30);border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:15px 0;min-height:100px;overflow-x:auto;padding:20px}.playerRanking-itemWrapper{border-radius:8px;margin:5px;padding:5px}.playerRanking-item{background-color:var(--color-overlay-medium);border-radius:5px;cursor:grab;padding:10px 15px;transition:transform .2s,box-shadow .2s}.playerRanking-item.dragging{box-shadow:0 5px 15px var(--color-shadow-black-hover);transform:scale(1.05);z-index:1}.playerRanking-item.drag-over{background-color:var(--color-overlay-dark);box-shadow:0 0 10px #fff3}.playerRanking-rank{background-color:var(--color-orange);color:#fff;height:30px;margin-right:15px;width:30px}.playerRanking-name{font-size:16px}.playerRanking-avatar{background-color:#555}.playerRanking-username{color:#fff}.playerRanking-instructions{margin-top:15px;padding:10px}.playerRanking-instructions,.playerRanking-noPlayers{color:var(--color-white-darker);font-style:italic;text-align:center}.playerRanking-noPlayers{align-items:center;background-color:var(--color-overlay-medium);border-radius:5px;display:flex;height:100px;justify-content:center;opacity:.7;padding:20px;width:100%}.sliderAvatarsContainer.locked .playerRanking-item{cursor:not-allowed;opacity:.8}.locked .playerRanking-item{cursor:default;opacity:.8}.playerRanking-item{align-items:center;background-color:var(--color-white-transparent-10);border-radius:8px;cursor:move;display:flex;flex-direction:column;margin:0 10px;padding:10px;position:relative;transition:transform .2s,box-shadow .2s,opacity .2s;width:100px}.playerRanking-item:hover{background-color:var(--color-white-transparent-20)}.playerRanking-item.dragging{opacity:.5}.playerRanking-item.dragOver{box-shadow:0 0 0 2px var(--color-white-transparent-70)}.playerRanking-rank{align-items:center;background-color:var(--color-black-transparent-70);border-radius:50%;color:var(--color-white);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;top:-10px;width:24px}.playerRanking-avatar{background-color:var(--color-grey-dark);border-radius:50%;height:60px;margin-bottom:8px;overflow:hidden;width:60px}.playerRanking-avatar img{height:100%;object-fit:cover;width:100%}.playerRanking-defaultAvatar{align-items:center;background-color:var(--color-grey);color:var(--color-white);display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.playerRanking-username{color:var(--color-white);font-size:14px;max-width:90px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.choose-container{display:flex;flex-direction:column;padding:10px}.choose-theme-header{margin-bottom:0}.choose-theme-description{margin-bottom:20px}.choose-sides{justify-content:space-between}.choose-side{border:3px solid #0000;margin:auto;min-height:250px;padding:1rem;transition:transform var(--hover-duration-quick);width:45%}.choose-side:hover{transform:scale(1.03)}.choose-side.selected{border-color:var(--color-orange)}.choose-side.disabled{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.choose-side-description,.choose-side-header{background-color:var(--color-black);border-radius:5px;color:var(--color-white);margin:0 auto;padding:10px;position:relative;white-space:nowrap;z-index:1}.choose-container.disabled .choose-theme-description,.choose-container.disabled .choose-theme-header{opacity:.6}.choose-container.disabled .choose-side:hover{transform:none}.registerTitle{font-size:36px;margin-bottom:20px}.loginRegisterForm .existingAccount{font-size:1.3rem;font-weight:700;margin-top:20px}.register-container{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.register-default-bg{background-color:var(--color-black)}.register-container .background-chooser{position:absolute;right:20px;top:20px;z-index:10}.loginTitle{font-size:2rem;margin-bottom:20px}.loginRegisterForm .newAccount{font-size:1.3rem;font-weight:700;margin-top:20px}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.login-default-bg{background-color:var(--color-black)}.login-container .background-chooser{position:absolute;right:20px;top:20px;z-index:10}.userPageContainer{display:flex;height:-webkit-min-content;height:min-content;padding:30px;position:relative}.user-default-bg{background-color:var(--color-black)}.userPageContainer .background-chooser{position:absolute;right:20px;top:20px;z-index:10}.userPageContainer>:first-child{flex:1 1;margin-right:20px}.userPageContainer>:last-child{flex:0 0 auto}.userPageContainer>*{animation:fadeIn 1s ease-in-out;background-color:var(--color-black-dark);border-radius:15px;box-shadow:0 0 10px var(--color-shadow-light-mode);margin:50px auto;min-height:600px;min-width:35%;padding:20px}@media (max-width:1350px){.userPageContainer{flex-direction:column}.userPageContainer>*{width:90%}.userPageContainer>:first-child{flex:initial;margin-right:0}.userContainer{margin-bottom:0}}.userContainer{display:flex;flex-direction:column}.userContainer-header{color:var(--color-white);font-size:2rem;margin-bottom:0}.userInfo{display:flex;flex-direction:column}.userInfo p{margin:10px 0}.userField-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:20px}.userField-container p{color:var(--color-orange);font-size:1.2rem;font-weight:600;margin-bottom:0;margin-right:15px;min-width:80px;text-transform:uppercase}.userField{background-color:var(--color-overlay-darkest-2);border:1px solid var(--color-white-transparent-10);border-radius:var(--border-radius-medium);display:flex;flex-grow:1;padding:14px 16px}.userField-content{flex:0.7 1;text-overflow:ellipsis;white-space:nowrap}.userField button,.userField svg{margin-left:12px}.userBackgroundSettings{border-top:1px solid var(--color-grey-dark);display:flex;flex-direction:column}.userBackgroundChooser{display:flex;justify-content:center}.userBackgroundChooser .background-chooser{margin:0 auto;position:relative!important;right:auto;top:auto}.userBackgroundChooser .background-option{margin:3px}.avatarPicker-container{margin:20px 0;text-align:center}.avatarPicker-header{font-size:1.5rem;margin-bottom:10px}.avatarGrid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.avatarImage{border:4px solid #0000;border-radius:50%;box-shadow:0 4px 8px var(--color-shadow-black);cursor:pointer;height:70px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;width:70px}.avatarImage:hover{border-color:var(--color-orange-dark);box-shadow:0 6px 12px var(--color-shadow-black-hover);transform:scale(1.1)}.avatarImage.selected{border-color:var(--color-orange);transform:scale(1.1)}.selectButton{background-color:var(--color-orange);border:none;border-radius:5px;box-shadow:0 4px 8px var(--color-shadow-black);color:var(--color-white);cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.selectButton:hover{background-color:var(--color-orange-dark);transform:scale(1.05)}.selectButton:disabled{background-color:var(--color-black-light);box-shadow:none;cursor:not-allowed}.toggleElement-container{align-items:center;display:flex;flex:0.3 1;justify-content:center}.toggleElement-button,.toggleElement-copyButton{align-items:center;background:none;border:none;box-shadow:none;color:var(--color-orange);display:flex;font-size:1.2rem;padding:0}.toggleElement-button:hover,.toggleElement-copyButton:hover{color:var(--color-orange-dark)}.toggleElement-notification{animation:fadeIn .2s ease;margin-left:10px}.linkedAccounts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-white-transparent-10);border-radius:12px;box-shadow:0 4px 24px var(--color-black-transparent-10);margin-top:20px;padding:20px}.linkedAccounts-heading{color:var(--color-white);font-size:1.2rem;font-weight:600;margin-bottom:15px;margin-top:0}.linkedAccounts-container{display:flex;flex-direction:column;gap:12px}.linkedAccounts-item{align-items:center;background:var(--color-white-transparent-5);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px;position:relative;transition:all .2s ease}.linkedAccounts-item--linked{border:2px solid var(--color-green)}.linkedAccounts-item--unlinked{border:2px solid var(--color-grey)}.linkedAccounts-icon,.linkedAccounts-info{align-items:center;display:flex}.linkedAccounts-icon{height:24px;justify-content:center;width:24px}.linkedAccounts-icon img{height:24px;margin:5px;object-fit:contain;width:24px}.linkedAccounts-label{color:var(--color-white);font-size:1.2rem;font-weight:700;margin-left:15px}.linkedAccounts-controls{align-items:center;display:flex;gap:10px}.linkedAccounts-actions{display:flex}.linkedAccounts-actionBtn{background:#0000;border:none;border-radius:4px;color:var(--color-orange);cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:all .2s ease}.linkedAccounts-actionBtn:hover{background:var(--color-orange-light)}.linkedAccounts-actionBtn--unlink{color:var(--color-red-light)}.linkedAccounts-actionBtn--unlink:hover{background-color:var(--color-overlay-dark)}.linkedAccounts-actionBtn--change{color:var(--color-orange)}.linkedAccounts-actionBtn--change:hover{background-color:var(--color-overlay-dark)}.linkedAccounts-actionBtn--processing{animation:pulse 1.2s infinite;color:var(--color-grey-light);cursor:not-allowed;opacity:.7}.linkedAccounts-status{align-items:center;display:flex}.linkedAccounts-indicator{border-radius:var(--border-radius-circle);height:10px;width:10px}.linkedAccounts-indicator--active{background-color:var(--color-green);box-shadow:0 0 8px var(--color-green-transparent)}.linkedAccounts-indicator--inactive{background-color:var(--color-grey)}.linkedAccounts-linkingStatus{animation:pulse 1.5s infinite;color:var(--color-orange);font-size:.9rem;margin-top:15px;text-align:center}.linkedAccounts-errorMessage{background-color:var(--color-overlay-dark);border-left:3px solid var(--color-red-light)}.linkedAccounts-errorMessage,.linkedAccounts-successMessage{border-radius:4px;color:var(--color-white);font-size:.9rem;margin-bottom:15px;padding:10px}.linkedAccounts-successMessage{background-color:var(--color-green-transparent);border-left:3px solid var(--color-green)}.linkedAccounts-actionBtn:disabled{cursor:not-allowed;opacity:.5}.linkedAccounts-item--processing{background-color:var(--color-white-transparent-8);border-color:var(--color-orange)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--color-black-transparent-70);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modal-appear .3s ease-out forwards;background-color:var(--color-black-light);border-radius:12px;box-shadow:0 10px 30px var(--color-black-transparent-30);max-width:450px;overflow:hidden;padding:0;width:90%}.modal-header{border-bottom:1px solid var(--color-white-transparent-10);padding:20px 25px}.modal-body{padding:25px}.modal-title{color:var(--color-white);font-size:1.3rem;font-weight:600;margin:0}.modal-message{color:var(--color-white-darker);font-size:1.1rem;line-height:1.6;margin:0 0 10px}.modal-actions{border-top:1px solid var(--color-white-transparent-10);display:flex;gap:15px;justify-content:center;padding:20px 25px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:120px;padding:12px 20px;transition:all .2s ease}.modal-button-cancel{background-color:var(--color-white-transparent-20);border:1px solid var(--color-white-transparent-30);color:var(--color-white)}.modal-button-cancel:hover{background-color:var(--color-white-transparent-30)}.modal-button-confirm{background-color:var(--color-red);color:#fff;text-shadow:0 1px 2px #00000080}.modal-button-confirm:hover{background-color:var(--color-red-dark)}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-message strong{color:var(--color-white);font-weight:700}.password-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-modal-container{animation:pw-modal-appear .3s ease-out forwards;background-color:#2d2d39;border-radius:8px;box-shadow:0 5px 20px #0000004d;max-width:450px;padding:25px;width:90%}.password-modal-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:20px;margin-top:0}.password-modal-error{background-color:#ff525226;border-left:3px solid #ff5252;border-radius:4px;color:#ff5252;font-size:.9rem;margin-bottom:15px;padding:10px}.password-modal-form{display:flex;flex-direction:column;gap:15px}.password-modal-field{display:flex;flex-direction:column;gap:5px}.password-modal-field label{color:#d9d9e3;font-size:.9rem}.password-modal-field input{background-color:#222230;border:1px solid #4b4b58;border-radius:6px;color:#fff;font-size:1rem;padding:10px}.password-modal-field input:focus{border-color:#64b5f6;outline:none}.password-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.password-modal-button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 15px;transition:all .2s ease}.password-modal-button-cancel{background-color:initial;border:1px solid #4b4b58;color:#d9d9e3}.password-modal-button-cancel:hover{background-color:#ffffff1a}.password-modal-button-save{background-color:#4caf50;color:#fff}.password-modal-button-save:hover{background-color:#43a047}.password-modal-button:disabled{cursor:not-allowed;opacity:.6}@keyframes pw-modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.friendsContainer{display:flex;flex-direction:column;height:-webkit-min-content;height:min-content}.friendsContainer-header{margin-bottom:20px;text-align:center}.friendsContainer-chatOverlay{animation:fadeIn .3s ease-in-out;bottom:var(--spacing-lg);position:fixed;right:var(--spacing-lg);z-index:1000}.friendsList-list{list-style:none;padding:0}.friendsList-item{align-items:center;background-color:var(--color-black);border-radius:.5rem;display:flex;gap:1rem;padding:.5rem}.friendsList-avatar{align-items:center;display:flex;flex:1 1;gap:10px;margin-left:10px;position:relative}.friendsList-unreadBadge{align-items:center;background-color:var(--color-red);border:2px solid var(--color-white);border-radius:var(--border-radius-circle);color:var(--color-white);display:flex;font-size:var(--font-size-xs);font-weight:700;height:20px;justify-content:center;left:-5px;position:absolute;top:-5px;width:20px}.friendsList-avatarImage{border-radius:50%;height:50px;object-fit:cover;width:50px}.friendsList-username{font-size:1.25rem}.friendsList-buttonContainer{display:flex;gap:.75rem}.friendsList-messageButton,.friendsList-removeButton{display:flex;padding:.5rem .7rem}.friendsList-messageButton{align-items:center;background-color:var(--color-orange);color:var(--color-white);gap:5px}.friendsList-messageButton:hover{background-color:var(--color-orange-dark)}.friendsList-removeButton{background-color:var(--color-red)}.friendsList-removeButton:hover{background-color:var(--color-red-dark)}.friendsList-icon{filter:brightness(0) invert(1);height:22px;width:22px}.friendRequests-empty,.friendRequests-header{text-align:center}.friendRequests-list{list-style:none;padding:0}.friendRequests-item{align-items:center;background-color:var(--color-black);border-radius:.5rem;display:flex;padding:.5rem}.friendRequests-usernameContainer{align-items:center;display:flex;flex:1 1;gap:10px;padding-left:10px}.friendRequests-avatarImage{border-radius:50%;height:50px;object-fit:cover;width:50px}.friendRequests-username{font-size:1.25rem}.friendRequests-buttons{display:flex;gap:.5rem}.friendsRequests-acceptButton{background:var(--color-green);transition:var(--hover-duration-quick)}.friendsRequests-acceptButton:hover{background:var(--color-green-dark)}.friendsRequests-declineButton{background:var(--color-red)}.friendsRequests-declineButton:hover{background:var(--color-red-dark)}.friendRequests-buttons button{border-radius:5px;color:var(--color-white);padding:.25rem .5rem;transition:var(--hover-duration-quick)}.friendSearch-inputContainer{display:flex}.friendSearch-inputContainer>*{padding:10px}.friendSearch-inputContainer-input{background-color:var(--color-black-light);border:none;color:var(--color-white-darker);outline:none;width:100%}.friendSearch-inputContainer-input:focus{color:var(--color-white)}.friendSearch-inputContainer-input:focus::placeholder{color:#0000}.friendSearch-inputContainer-input::placeholder{color:var(--color-white)}.friendSearch-inputContainer-button{all:unset;background-color:var(--color-black-light);color:var(--color-white-darker);cursor:pointer;padding-right:5px;transition:color var(--hover-duration-quick)}.friendSearch-inputContainer-button:hover{color:var(--color-red-dark)}.friendSearch-resultsList{list-style:none;padding:0}.friendSearch-resultItem{align-items:center;border-bottom:1px solid var(--color-white-darker);display:flex;gap:1rem;padding:.5rem}.friendSearch-avatarImage{border-radius:50%;height:50px;object-fit:cover;width:50px}.friendSearch-username{flex:1 1}.friendSearch-highlight{color:var(--color-orange)}.friendSearch-addFriendButton{background:var(--color-orange);border:none;color:var(--color-white);cursor:pointer;padding:.5rem 1rem;transition:background-color var(--hover-duration-quick)}.friendSearch-addFriendButton:hover{background:var(--color-orange-dark)}.friendSearch-sent{color:var(--color-orange)}.chatWindow{background-color:var(--color-white);border-radius:var(--border-radius-medium);box-shadow:0 5px 15px var(--color-overlay-darkest);display:flex;flex-direction:column;height:500px;overflow:hidden;width:350px}.chatHeader{background-color:var(--color-orange);color:var(--color-white);justify-content:space-between;padding:var(--spacing-sm)}.chatHeader,.chatHeader-info{align-items:center;display:flex}.chatHeader-avatar{border-radius:var(--border-radius-circle);height:36px;margin-right:var(--spacing-sm);width:36px}.chatHeader-username{font-size:var(--font-size-lg);font-weight:700}.chatHeader-close{background:var(--color-red);border:none;color:var(--color-white);cursor:pointer;font-size:20px}.chatHeader-close:hover{background:var(--color-red-dark);color:var(--color-white-darker)}.messageList{background-color:var(--color-white-darker);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-sm)}.messageList-empty,.messageList-error,.messageList-loading{align-items:center;color:var(--color-grey);display:flex;font-style:italic;height:100%;justify-content:center}.messageList-error{color:var(--color-red)}.messageList-typing{align-self:flex-start;padding:var(--spacing-xs) var(--spacing-sm)}.typing-indicator{align-items:center;display:flex}.typing-indicator span{animation:typing 1.5s infinite;background-color:var(--color-grey);border-radius:var(--border-radius-circle);display:inline-block;height:10px;margin:0 1px;opacity:.4;width:10px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s}@keyframes typing{0%,50%,to{opacity:.4;transform:scale(1)}25%{opacity:1;transform:scale(1.2)}}.message{clear:both;display:flex;margin-bottom:var(--spacing-sm);max-width:70%;width:-webkit-fit-content;width:fit-content}.message-own{align-self:flex-end;margin-left:auto}.message-friend{align-self:flex-start;margin-right:auto}.message-content{border-radius:var(--border-radius-medium);padding:var(--spacing-sm);position:relative;word-break:break-word}.message-own .message-content{background-color:var(--color-orange);border-radius:15px 15px 0 15px;color:var(--color-white)}.message-friend .message-content{background-color:var(--color-white);border-radius:15px 15px 15px 0;color:var(--color-black)}.message-time{display:block;font-size:var(--font-size-xs);margin-top:4px;opacity:.7;text-align:right}.messageInput{border-top:1px solid var(--color-overlay-light);display:flex}.messageInput,.messageInput-field{background-color:var(--color-white);padding:var(--spacing-sm)}.messageInput-field{border:1px solid var(--color-white-darker);border-radius:var(--border-radius-medium);color:var(--color-black);flex:1 1;font-size:var(--font-size-md);transition:border-color var(--hover-duration-quick)}.messageInput-field:focus{border-color:var(--color-orange);box-shadow:0 0 0 2px var(--color-orange-light);outline:none}.messageInput-field:disabled{background-color:var(--color-white-darker);cursor:not-allowed}.messageInput-button{background-color:var(--color-orange);border:none;border-radius:var(--border-radius-medium);box-shadow:none;color:var(--color-white);cursor:pointer;font-size:var(--font-size-md);font-weight:700;margin-left:var(--spacing-sm);min-width:70px;padding:var(--spacing-xs) var(--spacing-md);transition:background-color var(--hover-duration-quick)}.messageInput-button:hover:not(:disabled){background-color:var(--color-orange-dark);transform:translateY(-2px)}.messageInput-button:active:not(:disabled){transform:translateY(0)}.messageInput-button:disabled{background-color:var(--color-grey);box-shadow:none;cursor:not-allowed;transform:none}.messageInput-button.cooldown{animation:pulse 2s infinite;background-color:var(--color-grey);cursor:wait}.loginRegisterForm input{border:3px solid #0000;outline:none;transition:border-color .3s ease-in-out}.loginRegisterForm input:focus{border:3px solid var(--color-orange)}.errorInput input{border:3px solid var(--color-red)}.validInput input{border:3px solid var(--color-green)}.loginRegisterForm{align-items:center;background-color:var(--color-black-dark);display:flex;flex-direction:column;height:calc(85vh + 10rem);justify-content:center;margin:auto;padding:20px;width:800px}.loginRegisterForm input{background-color:var(--color-white);border-radius:10px;color:var(--color-black);font-weight:700;margin:10px;padding:10px;width:400px}.loginRegisterForm input::placeholder{color:var(--color-black-light);font-weight:400}.loginRegisterForm h3{font-size:24px;margin:0}.loginRegisterForm button{background-color:var(--color-orange);border:none;border-radius:10px;box-shadow:4px 4px var(--color-shadow-light-mode);color:var(--color-white);cursor:pointer;font-weight:700;margin:10px;padding:10px;transition:var(--hover-duration) ease;width:200px}.loginRegisterForm button:hover{background-color:var(--color-orange-dark);box-shadow:2px 2px var(--color-shadow-light-mode)}.otherAccounts{font-weight:700}.userLoginRegisterLink{color:var(--color-orange);font-weight:700;text-decoration:none;transition:var(--hover-duration) ease}.userLoginRegisterLink:hover{color:var(--color-orange-dark)}.socialIcons,.userLoginRegsiterIconContainer{align-items:center;display:flex;justify-content:center}.userLoginRegsiterIconContainer{background-color:var(--color-white);border-radius:25%;box-shadow:4px 4px var(--color-shadow-light-mode);margin:0 10px;padding:1px;transition:var(--hover-duration) ease}.userLoginRegsiterIconContainer:hover{background-color:var(--color-white-darker);box-shadow:2px 2px var(--color-orange);cursor:pointer}.userLoginRegisterIconPicture{height:calc(var(--picture-height) - 60px);margin:10px;width:auto}.errorMessage{animation:slideDown .3s ease-in-out;color:var(--color-red);font-size:14px;font-weight:700;margin:0 0 10px 10px;text-align:left}@media screen and (max-width:1050px){.loginRegisterForm{padding:0;width:100%}}@media (max-width:500px){.loginRegisterForm div{display:flex;flex-direction:column}.loginRegisterForm input{margin:10px 0;padding:10px 0;width:100%}.loginRegisterForm{font-size:6vw}.loginRegisterForm button{font-size:6.5vw;width:100%}}.adminPanelContainer{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:30px;min-height:600px;padding:15px}.adminPanelHeader{font-size:28px;margin-bottom:20px}.adminPanelButtonsContainer{display:flex;gap:20px;justify-content:center;margin:20px;padding-bottom:20px}.adminPanelSubmitThemeButton{background-color:var(--color-green);color:var(--color-white);transition:background-color var(--hover-duration) ease}.adminPanelSubmitThemeButton.disabled,.adminPanelSubmitThemeButton:hover{background-color:var(--color-green-dark)}.adminPanelSubmitThemeButton.disabled{cursor:not-allowed}.adminPanelBackButton,.adminPanelDeleteThemeButton{background-color:var(--color-red);color:var(--color-white);transition:background-color var(--hover-duration) ease}.adminPanelBackButton:hover,.adminPanelDeleteThemeButton:hover{background-color:var(--color-red-dark)}.adminPanelDividerContainer{align-items:center;display:flex;flex-direction:row;margin:30px 0;position:relative}.adminPanelDivider{background-color:var(--color-white);height:1px;width:100%}.adminPanelOrText{background-color:var(--color-black);font-size:24px;left:50%;padding:5px;position:absolute;transform:translateX(-50%)}.adminPanelButtonsCreateLayout{display:flex;gap:20px;justify-content:center}.adminPanelCreateThemeButton{background-color:var(--color-green);color:var(--color-white);transition:background-color var(--hover-duration) ease}.adminPanelCreateThemeButton:hover{background-color:var(--color-green-dark)}.themeList-themeListButtons{display:flex;gap:15px;justify-content:center}.themeList-themeListButton:hover{background-color:var(--color-white-darker)}.themeList-lobbyButton{background-color:var(--color-blue);color:var(--color-white)}.themeList-lobbyButton:hover{background-color:var(--color-blue-dark)}.adminPanelTabContainer{display:flex;flex-wrap:wrap;gap:10px}.adminPanelTab{align-items:center;background-color:var(--color-orange);border-radius:10px;cursor:pointer;display:flex;transition:background-color var(--hover-duration) ease}.adminPanelTab.active{box-shadow:var(--shadow-hard)}.adminPanelTab.active,.adminPanelTab:hover{background-color:var(--color-orange-dark)}.adminPanelTabContent{flex-grow:1;padding:10px}.adminPanelRemoveGameButton{background-color:var(--color-red);box-shadow:none;color:var(--color-white);margin:10px;padding:7px 16px;transition:background-color var(--hover-duration) ease}.adminPanelRemoveGameButton:hover{background-color:var(--color-red-dark)}.adminPanelTabGamesContainer{background-color:var(--color-black-light);display:flex;justify-content:center;margin:20px 0;padding:10px}.adminPanelTabCount{font-size:22px;font-weight:700;padding:10px}.adminPanelAddGameButton{background-color:var(--color-green);color:var(--color-white)}.adminPanelAddGameButton:hover{background-color:var(--color-green-dark)}.adminPanelInput:focus{border-color:var(--color-green)}.adminPanelInput.error,.adminPanelInput.error:focus{border-color:var(--color-red)}.adminPanelInputGroup{display:flex;flex-direction:column;margin-bottom:20px}.adminPanelInputLabel{font-size:24px;margin-bottom:8px}.adminPanelInput{border:1px solid var(--color-white);font-weight:800;padding:12px;transition:border-color var(--hover-duration) ease}.adminPanelInput::placeholder{color:var(--color-black-darker);font-weight:800}.adminPanelInput:focus{border-color:var(--color-red);outline:none}.adminPanelInputHelp{color:var(--color-white-darker);font-size:.85rem;margin-bottom:0;margin-top:4px;text-align:left}.adminPanelInputHelp-admin{color:var(--color-orange);font-weight:500}.tagInput{margin-bottom:10px;position:relative}.tagInput-container{align-items:center;background-color:var(--color-black-light);border:1px solid var(--color-white-transparent-20);border-radius:var(--border-radius-medium);display:flex;flex-wrap:wrap;gap:10px;min-height:50px;padding:12px}.tagInput-tag{align-items:center;background-color:var(--color-black-light-transparent-70);border:1.5px solid var(--color-orange);border-radius:var(--border-radius-medium);box-shadow:0 1px 2px var(--color-shadow-black);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);line-height:1.2;min-height:36px;overflow:hidden;padding:8px 12px;position:relative;transition:all var(--hover-duration-quick) ease-in-out}.tagInput-tag--adding{animation:tagAddAnimation .3s ease-in-out}.tagInput-tag--removing{animation:tagRemoveAnimation .3s ease-in-out forwards}.tagInput-tag:hover{background-color:var(--color-white-transparent-10);box-shadow:0 2px 4px var(--color-shadow-black);transform:translateY(-2px)}.tagInput-tag:active{box-shadow:0 1px 2px var(--color-shadow-black);transform:translateY(0)}.tagInput-remove-icon{align-items:center;color:var(--color-red-light);display:inline-flex;font-size:1.1rem;font-weight:700;justify-content:center;margin-left:8px;transition:transform var(--hover-duration-quick) ease}.tagInput-tag:hover .tagInput-remove-icon{color:var(--color-red);transform:scale(1.2)}.tagInput-inputWrapper{flex:1 1;min-width:120px;position:relative}.tagInput-input{background:#0000;border:none;box-shadow:none;color:var(--color-white);font-size:var(--font-size-md);outline:none;padding:10px;width:100%}.tagInput-input:disabled{cursor:not-allowed}.tagInput-loading{animation:pulse 1.2s infinite;color:var(--color-white-darker);font-size:var(--font-size-xs);position:absolute;right:10px;top:50%;transform:translateY(-50%)}.tagInput-suggestions{animation:slideDown .2s ease-out;background-color:var(--color-black-light);border:1px solid var(--color-white-transparent-20);border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium);border-top:none;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:10}.tagInput-suggestion{align-items:center;cursor:pointer;display:flex;padding:8px 12px;text-align:left;transition:background-color var(--hover-duration-quick)}.tagInput-suggestion--selected,.tagInput-suggestion:hover{background-color:var(--color-overlay-light)}.tagInput-match{color:var(--color-orange);font-weight:600}.tagInput-category{flex:1 1;margin-left:10px;opacity:.7}.tagInput-category,.tagInput-counter{color:var(--color-white-darker);font-size:var(--font-size-xs);text-align:right}.tagInput-counter{margin-top:4px}.tagInput-suggestion--admin{background-color:var(--color-black-light-transparent-70)}.tagInput-admin-badge{background-color:var(--color-red);border-radius:var(--border-radius-small);color:var(--color-white);font-size:var(--font-size-xs);font-weight:700;margin-right:5px;padding:2px 5px;text-transform:uppercase}@keyframes tagAddAnimation{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes tagRemoveAnimation{0%{opacity:1;transform:scale(1)}to{margin-left:-10px;opacity:0;padding:0;transform:scale(.8);width:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.adminTierList{border:1px solid var(--color-white);display:flex;flex-direction:column;margin-top:20px;padding:10px}.adminTierListHeader{margin:10px 0}.adminTierListRow{align-items:center;background-color:var(--color-black-light);display:flex;padding:10px}.adminTierListRow-info{text-wrap:nowrap;font-weight:700;min-width:200px;width:20%}.adminTierListRow-value{flex:1 1}.adminTierListInput{background-color:var(--color-black-light);border:1px solid var(--color-white);border-radius:8px;color:var(--color-white);flex-grow:1;margin-right:10px;padding:12px;transition:border-color .3s ease,background-color .3s ease}.adminTierListColorPicker{border:none;cursor:pointer;height:40px;margin-right:10px;width:40px}.adminTierListButton{background-color:var(--color-orange);color:var(--color-white);transition:background-color .3s ease}.adminTierListButton:hover{background-color:var(--color-orange-dark)}.adminTierListPictures{margin-top:20px}.adminTierListLayoutTitle{justify-content:center;margin-bottom:5px}.adminTierListIconGroup,.adminTierListLayoutTitle{align-items:center;display:flex}.adminTierListIcon{border-radius:50%;cursor:pointer;height:30px;margin-left:5px;padding:5px;transition:background-color var(--hover-duration-quick) ease;width:30px}.adminTierListIcon:hover{background-color:var(--color-black-light)}.adminTierListPicturesHeader{flex:1 1;margin:0;padding-left:40px;text-align:center}.adminTierListEmptyState{color:var(--color-grey);font-style:italic;padding:20px;text-align:center;width:100%}.adminTierListPictureDropArea{border:2px solid var(--color-white);display:flex;flex-wrap:wrap;gap:10px;padding:10px}.adminTierListPicturePreview{align-items:center;border:1px solid var(--color-gray);display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.adminTierListPicturePreview img{max-height:100%;max-width:100%;object-fit:cover}.adminTierListRemovePictureButton{align-items:center;background:var(--color-red);border-radius:50%;box-shadow:none;color:var(--color-white);display:flex;font-size:10px;height:20px;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;width:20px}.adminTierListPictureDropZone{align-items:center;border:2px dashed var(--color-white);color:var(--color-gray);cursor:pointer;display:flex;font-size:12px;height:100px;justify-content:center;width:100px}.adminTierListPictureDropArea:not(.hasPictures) .adminTierListPictureDropZone{height:150px;width:100%}.adminTierListUploadButton{background-color:var(--color-green);color:var(--color-white);margin:10px 0;transition:background-color var(--hover-duration-quick) ease}.adminTierListUploadButton:hover{background-color:var(--color-green-dark)}.adminTierListError{color:var(--color-red);margin:20px 0 10px}.adminTierListBottomLayout{display:flex;flex-direction:column}progress{height:20px;margin-top:10px;width:100%}.adminTierListPicturesHeader{font-weight:700;margin-bottom:10px}.adminSlider{align-items:center;display:flex;flex-direction:column}.adminSliderInputContainer{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.adminSliderLabel{font-size:24px;margin-bottom:5px}.adminSliderInput,.adminSliderTextarea{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.adminSliderTextarea{height:100px;resize:vertical}.adminSlider-track-container{margin:20px 0;width:100%}.adminSlider-track{height:10px;position:relative;width:100%}.adminSlider-thumb{border-radius:50%;height:25px;position:absolute;top:-8px;transform:translateX(-50%);width:25px}.adminSliderButton{background-color:var(--color-orange);color:var(--color-white)}.adminSliderButton:hover{background-color:var(--color-orange-dark)}.adminSlider-controls{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.adminSlider-point-control{align-items:center;background-color:var(--color-white);border-radius:5px;display:flex;flex-direction:column;padding:10px}input.adminSlider-color-input,input.adminSlider-name-input{border-radius:5px;margin-bottom:5px;padding:5px;text-align:center;width:70px}input.adminSlider-color-input{cursor:pointer}.adminSlider-move-buttons{display:flex;justify-content:space-between;width:100%}.adminSlider-move-left,.adminSlider-move-right{background-color:var(--color-orange);border-radius:3px;color:var(--color-white);margin:5px;padding:5px}.adminSlider-move-left:hover,.adminSlider-move-right:hover{background-color:var(--color-orange-dark)}.adminSlider-remove-button{background-color:var(--color-red);border-radius:0;color:var(--color-white);margin-top:5px;padding:5px 10px}.adminSlider-remove-button:hover{background-color:var(--color-red-dark)}.adminChoose{border-radius:10px;box-shadow:var(--shadow-light);margin:0 auto;max-width:800px;width:100%}.adminChooseHeader{font-size:28px;margin-bottom:20px;text-align:center}.adminChooseInputContainer{margin-bottom:20px}.adminChooseLabel{color:var(--color-white);display:block;font-size:24px;margin-bottom:5px}.adminChooseInput,.adminChooseTextarea{background-color:var(--color-black-light);border:none;color:var(--color-white);font-size:16px;padding:10px;transition:border-color .3s ease;width:calc(100% - 27px)}.adminChooseTextarea{height:100px;resize:vertical}.adminChooseInput:focus,.adminChooseTextarea:focus{border-color:var(--color-orange);outline:none}.adminChooseConnections{margin-top:20px;overflow:visible;width:100%}.adminChooseButton{background-color:var(--color-orange);border:none;border-radius:5px;color:var(--color-white);cursor:pointer;display:block;font-size:16px;margin-top:20px;padding:10px;transition:background-color .3s ease;width:100%}.adminChooseButton:hover{background-color:var(--color-orange-dark)}.adminChooseSidesContainer{display:flex;height:400px;justify-content:space-between;margin:auto}.adminChooseSide{width:45%}.adminChooseItem{background-color:var(--color-black);border-radius:5px;color:var(--color-white);cursor:pointer;margin-bottom:10px;padding:10px;text-align:center;transition:background-color .3s ease}.adminChooseItem:hover{background-color:var(--color-orange-dark)}.adminChooseItemSelected{background-color:var(--color-orange);color:var(--color-white);font-weight:700}.adminChooseDividerContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:20px;position:relative;width:10%}.adminChooseDivider{background-color:var(--color-white);height:100%;width:1px}.adminChooseOrText{background-color:var(--color-black);font-size:24px;left:50%;padding:5px;position:absolute;top:50%;transform:translate(-50%,-100%)}.adminChooseAddSideHeader{font-size:32px;margin:0}.adminChooseMakeSideContainer{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:20px 0;width:-webkit-fit-content;width:fit-content}.adminChooseMakeSideButton{background-color:var(--color-orange);color:var(--color-white);transition:background-color var(--hover-duration-quick) ease}.adminChooseMakeSideButton:hover{background-color:var(--color-orange-dark)}.adminPanel-chooseAddSideDescription,.adminPanel-chooseAddSideHeader{background-color:var(--color-black-light);border:none;padding:10px;width:100%}.adminPanel-chooseAddSideHeader{color:var(--color-white);font-size:28px}.adminPanel-chooseAddSideDescription{color:var(--color-white);font-size:16px;height:200px}.colorPicker{margin:20px auto;position:relative;text-align:center}.colorPickerHeader{margin-bottom:10px}.selectedColors{background-color:var(--color-black-light);border:1px solid var(--color-black);border-radius:8px;cursor:pointer;display:inline-flex;gap:10px;justify-content:center;padding:10px;transition:background-color .3s ease,border-color .3s ease}.selectedColors:hover{border-color:var(--color-white)}.colorPickerPopup{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 8px var(--color-shadow-black);display:flex;flex-direction:column;left:50%;margin-top:10px;padding:10px;position:absolute;top:100%;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:999}.colorPickerSquares{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.colorPair{border:2px solid var(--color-black-dark);border-radius:5px;cursor:pointer;display:flex;gap:8px;transition:transform .2s ease}.colorSquare{border:2px solid var(--color-white);border-radius:4px;height:40px;width:40px}.adminPanelGameTypeGroup{display:flex;flex-direction:column}.adminPanelGameTypeLabel{font-size:24px;margin-bottom:8px}.adminPanelSelect{background-color:var(--color-black-light);border:1px solid var(--color-white);border-radius:8px;color:var(--color-white);font-size:1rem;padding:12px;transition:border-color .3s ease,background-color .3s ease}.adminPanelSelect:focus{border-color:var(--color-orange);outline:none}.adminPanelSelect:hover{background-color:var(--color-black-dark)}.playerTierList{background-color:var(--color-bg-dark);border-radius:5px;padding:20px}.playerTierListHeader{color:var(--color-white);font-size:24px;margin-bottom:20px}.playerTierListRow{align-items:center;display:flex;margin-bottom:10px}.playerTierListRow-info{color:var(--color-white);margin-right:10px;width:120px}.playerTierListInput{border:1px solid var(--color-white-darker);border-radius:4px;flex:1 1;margin-right:15px;padding:8px}.playerTierListColorPicker{border:none;height:30px;margin-right:10px;width:50px}.playerTierListButton{background-color:var(--color-orange-dark);border:none;border-radius:4px;color:var(--color-white);cursor:pointer;font-size:14px;padding:8px 16px}.playerTierListButton:hover{background-color:var(--color-orange)}.playerSlider{align-items:flex-start;border-radius:5px;display:flex;flex-direction:column;padding:20px;width:100%}.playerSliderHeader{font-size:24px;margin-bottom:10px;width:100%}.playerSliderInputGroup{align-items:center;display:flex;margin-bottom:10px;width:100%}.playerSliderInput,.playerSliderTextarea{background-color:var(--color-white);border:1px solid var(--color-white-darker);border-radius:4px;padding:10px;width:100%}.playerSliderRangeContainer{margin-top:15px;width:100%}.playerSliderRangeLabel{color:var(--color-white);margin-right:10px}.playerSliderRange{-webkit-appearance:none;background:linear-gradient(to right,var(--color-orange),var(--color-purple));border-radius:5px;height:6px;outline:none;width:100%}.playerSliderRange::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-white);border:2px solid var(--color-bg-dark);border-radius:50%;cursor:pointer;height:20px;margin-top:-7px;width:20px}.playerSliderRange::-moz-range-thumb{background:var(--color-white);border:2px solid var(--color-bg-dark);border-radius:50%;cursor:pointer;height:20px;width:20px}.playerSliderAvatars{align-items:flex-start;background-color:var(--color-bg-dark);border-radius:5px;display:flex;flex-direction:column;padding:20px;width:100%}.playerSliderAvatars-row{align-items:center;display:flex;margin-bottom:10px;width:100%}.playerSliderLabel{font-size:18px;margin-right:10px;width:120px}.playerSliderAvatarsHeader{font-size:24px;margin-bottom:10px}.playerSliderAvatarsInputGroup{display:flex;flex-direction:column;margin-bottom:15px;width:100%}.playerSliderAvatarsLabel{font-size:18px;margin-right:10px;width:120px}.playerSliderAvatarsInput,.playerSliderAvatarsTextarea{border-radius:4px;padding:10px;width:100%}.playerSliderAvatarsRangeContainer{margin-top:15px;width:100%}.playerSliderAvatarsRangeLabel{color:var(--color-white);margin-right:10px}.playerSliderAvatarsRange{-webkit-appearance:none;background:linear-gradient(to right,var(--color-orange),var(--color-purple));border-radius:5px;height:6px;outline:none;width:100%}.playerSliderAvatarsRange::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-white);border:2px solid var(--color-bg-dark);border-radius:50%;cursor:pointer;height:20px;margin-top:-7px;width:20px}.playerSliderAvatarsRange::-moz-range-thumb{background:var(--color-white);border:2px solid var(--color-bg-dark);border-radius:50%;cursor:pointer;height:20px;width:20px}.admin-page-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.comingSoon-container{align-items:center;animation:var(--fadeIn-duration) fadeIn;background:linear-gradient(135deg,var(--color-black-light),var(--color-black-dark));color:var(--color-white);justify-content:center;min-height:100vh;overflow-x:hidden;padding:0}.comingSoon-container,.comingSoon-content{box-sizing:border-box;display:flex;margin:0;width:100%}.comingSoon-content{background-color:var(--color-black-light);border-radius:0;box-shadow:0 10px 25px #0000004d;flex-direction:column;gap:40px;max-width:100%;padding:40px 10px;text-align:center}.comingSoon-title-container{align-items:center;display:flex;flex-direction:column;gap:5px}.comingSoon-title{align-items:center;color:var(--color-white);display:flex;font-size:44px;gap:10px;margin:0;text-shadow:2px 2px 4px var(--color-black-transparent-50)}.comingSoon-beta{background-color:var(--color-orange);border-radius:var(--border-radius-small);box-shadow:0 2px 4px var(--color-black-transparent-30);color:var(--color-white);font-size:14px;font-weight:400;letter-spacing:.5px;padding:2px 6px;position:relative;text-shadow:none;top:-12px}.comingSoon-subtitle{color:var(--color-orange);font-size:24px;margin:0;text-shadow:1px 1px 3px var(--color-black-transparent-50)}.comingSoon-text{color:var(--color-white);font-size:20px;line-height:1.6;margin:0 auto;max-width:800px}.comingSoon-text b{color:var(--color-orange);font-weight:700;transition:color var(--hover-duration-quick)}.comingSoon-text b:hover{color:var(--color-orange-dark)}.comingSoon-progress-section{margin:0 auto;max-width:600px;width:100%}.comingSoon-progress-title{color:var(--color-white);font-size:24px;margin-bottom:15px}.comingSoon-progress-container{background-color:var(--color-overlay-dark);border-radius:var(--border-radius-medium);box-shadow:0 4px 8px var(--color-black-transparent-30);box-sizing:border-box;height:30px;max-width:100%;overflow:hidden;width:100%}.comingSoon-progress-bar{align-items:center;background-color:var(--color-orange);border-radius:var(--border-radius-medium);display:flex;height:100%;justify-content:center;position:relative;transition:width 1.5s ease-in-out}.comingSoon-progress-text{color:var(--color-white);font-size:16px;font-weight:700;z-index:10}.comingSoon-updates-section{width:100%}.comingSoon-updates-title{color:var(--color-white);font-size:24px;margin-bottom:20px}.comingSoon-updates-container{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;max-width:100%;width:100%}.comingSoon-update-card{background-color:var(--color-overlay-dark);border-radius:var(--border-radius-medium);box-shadow:0 4px 8px var(--color-black-transparent-30);padding:20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.comingSoon-update-card:hover{box-shadow:0 6px 12px var(--color-black-transparent-40);transform:translateY(-4px)}.comingSoon-update-date{color:var(--color-orange);font-size:14px;margin-bottom:5px}.comingSoon-update-title{color:var(--color-white);font-size:20px;margin:0 0 10px}.comingSoon-update-description{color:var(--color-white-darker);font-size:16px;line-height:1.5;margin:0 auto;max-width:800px}.comingSoon-form-section{margin:0 auto;max-width:600px;max-width:800px;width:100%}.comingSoon-form-title{color:var(--color-white);font-size:24px;margin-bottom:15px}.comingSoon-form{box-sizing:border-box;display:flex;justify-content:center;margin:15px auto;max-width:500px;max-width:100%;width:100%}.comingSoon-input{border:none;border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium);box-shadow:0 2px 4px var(--color-black-transparent-20);flex-grow:1;font-size:18px;outline:none;padding:12px 15px}.comingSoon-button{background-color:var(--color-orange);border:none;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0;box-shadow:0 4px 8px var(--color-black-transparent-30);color:var(--color-white);cursor:pointer;font-size:18px;font-weight:600;padding:12px 25px;transition:all .3s ease}.comingSoon-button:hover{background-color:var(--color-orange-dark)}.comingSoon-button:active{transform:translateY(-1px)}.comingSoon-message{color:var(--color-orange);font-weight:700;margin-top:15px}.comingSoon-social{margin-top:20px;width:100%}.comingSoon-social-title{color:var(--color-white);font-size:24px;margin-bottom:25px}.comingSoon-social-links{box-sizing:border-box;display:flex;gap:25px;justify-content:center;margin:0 auto;max-width:600px;max-width:100%;overflow-x:hidden;width:100%}.comingSoon-social-link{align-items:center;background-color:var(--color-overlay-dark);border:1px solid #0000;border-radius:var(--border-radius-medium);box-shadow:0 4px 12px var(--color-black-transparent-20);display:flex;flex:1 1;min-width:200px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.comingSoon-social-link:hover{background-color:var(--color-overlay-darker);border-color:var(--color-orange-light);box-shadow:0 8px 20px var(--color-black-transparent-40),0 0 15px var(--color-shadow-orange);transform:translateY(-5px)}.comingSoon-social-icon{fill:var(--color-orange);height:32px;margin-right:15px;transition:transform .3s ease;width:32px}.comingSoon-social-link:hover .comingSoon-social-icon{transform:scale(1.1)}.comingSoon-social-name{color:var(--color-white);font-size:16px;font-weight:500;margin-left:5px;transition:color .3s ease}.comingSoon-social-link:hover .comingSoon-social-name{color:var(--color-orange)}@media (max-width:768px){.comingSoon-title{font-size:36px}.comingSoon-beta{font-size:12px;padding:1px 5px;top:-8px}.comingSoon-subtitle{font-size:20px}.comingSoon-text{font-size:18px}.comingSoon-form{flex-direction:column}.comingSoon-input{margin-bottom:10px}.comingSoon-button,.comingSoon-input{border-radius:var(--border-radius-medium)}.comingSoon-content{gap:30px}.comingSoon-social-links{align-items:center;flex-direction:column;gap:15px}.comingSoon-social-link{justify-content:flex-start;padding:12px 20px;width:100%}.comingSoon-social-icon{margin:0 12px}}@media (min-width:768px){.comingSoon-container{padding:40px 20px}.comingSoon-content{border-radius:var(--border-radius-large);margin:0 auto;max-width:1200px;padding:40px}}.comingSoon-playground{animation:fadeIn .5s ease-out;background-color:var(--color-overlay-dark);border-radius:var(--border-radius-medium);box-sizing:border-box;margin:30px auto;padding:25px 10px;width:100%}.playground-title{color:var(--color-white);font-size:28px;margin-bottom:10px}.playground-description{color:var(--color-white-darker);font-size:18px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px}.playground-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.playground-tab{background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-medium);color:var(--color-white);cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .2s ease}.playground-tab:hover{background-color:var(--color-orange);transform:translateY(-2px)}.playground-tab.active{background-color:var(--color-orange);box-shadow:0 4px 8px #0003}.playground-content{background-color:var(--color-black-transparent-20);margin-bottom:20px;min-height:300px;overflow:hidden;padding:20px}.playground-content,.playground-note{border-radius:var(--border-radius-medium)}.playground-note{background-color:var(--color-black-transparent-10);color:var(--color-white-darker);font-size:16px;font-style:italic;padding:10px;text-align:center}@media (max-width:600px){.playground-tabs{align-items:center;flex-direction:column}.playground-tab{max-width:300px;width:100%}.playground-content{padding:15px 10px}}@media (min-width:768px){.comingSoon-playground{border-radius:var(--border-radius-large);padding:25px}}.component-title{color:var(--color-white);font-size:24px;margin-bottom:15px;text-align:center;text-shadow:1px 1px 3px #00000080}.component-description{color:var(--color-white-darker);font-size:16px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.playground-message{color:var(--color-orange);font-size:16px;font-style:italic;font-weight:700;margin-top:20px;padding:10px;text-align:center}.playground-slider{padding:15px}.slider-display{border-radius:20px;font-size:20px;font-weight:700;margin:0 auto 15px;min-width:120px;padding:12px 15px;text-align:center;width:-webkit-fit-content;width:fit-content}.slider-track-container{height:40px;position:relative;width:100%}.slider-range{-webkit-appearance:none;background:var(--color-white-transparent-20);border-radius:5px;height:8px;outline:none;position:relative;width:100%}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-white);border-radius:50%;box-shadow:0 0 5px var(--color-shadow-black);cursor:pointer;height:20px;width:20px}.slider-points-container{display:flex;height:90px;margin-bottom:20px;position:relative;width:100%}.slider-point{align-items:center;display:flex;flex-direction:column;min-width:24px;position:absolute;transform:translateX(-50%);width:auto}.slider-point-value{align-items:center;border:1px solid var(--color-white-transparent-30);border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-bottom:5px;text-shadow:0 0 2px #000c;transition:transform .2s ease;width:24px}.slider-point.active .slider-point-value{box-shadow:0 0 10px #ffffff4d;transform:scale(1.2)}.slider-point-label{font-size:14px;font-weight:500;margin-top:8px;max-width:100%;opacity:.9;overflow:hidden;text-align:center;text-shadow:1px 1px 2px #000c;transition:opacity .2s ease}.slider-point:hover .slider-point-label{opacity:1;overflow:visible;white-space:normal;z-index:5}.slider-point.active .slider-point-label{font-weight:700;opacity:1}.playground-tierlist{padding:15px}.tierlist-container{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto}.tierlist-row{background-color:var(--color-black-transparent-30);border-radius:8px;display:flex;min-height:60px;overflow:hidden;position:relative}.tierlist-label{align-items:center;color:var(--color-white);display:flex;font-size:18px;font-weight:700;justify-content:center;text-shadow:0 0 3px #000c,0 0 5px #00000080;width:40px}.tierlist-items{display:flex;flex-grow:1;flex-wrap:wrap;gap:8px;min-height:60px;padding:8px}.tierlist-item{align-items:center;background-color:var(--color-black-transparent-20);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;padding:8px;transition:transform .2s ease,background-color .2s ease;width:60px}.tierlist-item:hover{background-color:var(--color-black-transparent-40);transform:scale(1.05)}.tierlist-item:active{opacity:.8;transform:scale(.95)}.tierlist-item.dragging{opacity:.6;transform:scale(1.1);z-index:10}.item-emoji{font-size:24px;margin-bottom:4px}.item-name{color:var(--color-white-darker);font-size:12px;text-align:center}.tierlist-unassigned{background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-medium);margin-top:15px;padding:10px}.tierlist-unassigned-label{color:var(--color-white);font-size:16px;font-weight:700;margin-bottom:10px}.tier-drag-hint{color:var(--color-white-darker);font-size:14px;font-style:italic;margin-bottom:10px;text-align:center}.playground-choose{padding:15px}.choose-sides{display:flex;gap:15px;margin-top:20px}.choose-side{align-items:center;border-radius:var(--border-radius-medium);color:var(--color-white);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:150px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.choose-side.selected,.choose-side:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.choose-side-header{color:var(--color-white);font-size:22px;margin-bottom:10px}.choose-side-description{color:var(--color-white-darker);font-size:16px;text-align:center}.side-selected-marker{align-items:center;background-color:var(--color-white);border-radius:50%;box-shadow:0 2px 5px #0003;color:var(--color-black);display:flex;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.choice-result{background-color:var(--color-black-transparent-30);border-radius:var(--border-radius-medium);font-size:18px;font-weight:700;margin-top:20px;padding:10px;text-align:center}.playground-content{overflow-x:hidden;padding:15px 10px}.choose-sides{gap:10px}@media (max-width:600px){.choose-sides{flex-direction:column}.slider-point-label{font-size:10px}.component-title{font-size:20px}.component-description{font-size:14px}}@media (min-width:600px) and (max-width:768px){.slider-points-container{height:70px}.slider-point-value{font-size:10px;height:20px;width:20px}.slider-point-label{font-size:10px;margin-top:4px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slider-track-container{margin-bottom:10px}.playground-slider{padding:10px}}@media (min-width:768px){.playground-content{padding:20px}.choose-sides{gap:15px}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.test-mode-page{animation:fadeIn var(--fadeIn-duration) ease-in-out;box-sizing:border-box;color:var(--color-white);min-height:calc(100vh - 40px);padding:20px;text-align:center;width:100%}.test-mode-header{align-items:center;display:flex;justify-content:center;margin-bottom:30px;position:relative}.test-mode-title{color:var(--color-white);font-size:48px;margin-bottom:15px}.test-mode-description{color:var(--color-white);font-size:18px;margin-bottom:30px;opacity:.8}.home-button{background-color:var(--color-red);box-shadow:3px 4px var(--color-black);color:var(--color-white);font-size:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color var(--hover-duration-quick) ease,transform var(--hover-duration-quick) ease,box-shadow var(--hover-duration-quick) ease}.home-button:hover{background-color:var(--color-red-dark);box-shadow:3px 6px var(--color-black);transform:translateY(calc(-50% - 2px))}.test-mode-content{margin:0 auto;max-width:1200px}.theme-selector{margin-bottom:40px}.theme-list{display:flex;flex-wrap:wrap;justify-content:center;padding:10px}.theme-button{background-color:var(--color-overlay-medium);box-shadow:3px 4px var(--color-black);font-weight:700;transition:background-color var(--hover-duration-quick) ease,transform var(--hover-duration-quick) ease,box-shadow var(--hover-duration-quick) ease}.theme-button:hover{background-color:var(--color-orange);box-shadow:3px 6px var(--color-black)}.game-navigation{margin-bottom:30px}.game-navigation h2{color:var(--color-white);font-size:32px;margin-bottom:20px}.navigation-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.navigation-buttons button{border:none;border-radius:10px;box-shadow:3px 4px var(--color-black);font-weight:700;padding:12px 20px;transition:background-color var(--hover-duration-quick) ease,transform var(--hover-duration-quick) ease,box-shadow var(--hover-duration-quick) ease}.navigation-buttons button:hover:not(:disabled){box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.navigation-buttons button:disabled{box-shadow:1px 2px var(--color-black);cursor:not-allowed;opacity:.5}.prev-button{background-color:var(--color-orange);color:var(--color-white)}.prev-button:hover:not(:disabled){background-color:var(--color-orange-dark)}.replay-button{background-color:var(--color-blue);color:var(--color-white)}.replay-button:hover{background-color:var(--color-blue-dark)}.next-button{background-color:var(--color-green);color:var(--color-white)}.next-button:hover{background-color:var(--color-green-dark)}.reset-button{background-color:var(--color-red)!important}.reset-button:hover{background-color:var(--color-red-dark)!important}.game-preview{animation:fadeIn var(--fadeIn-duration) ease-in-out;background-color:var(--color-overlay-dark);margin:0 auto;padding:25px}.loading-game{animation:pulse 1.5s infinite;color:var(--color-white);font-size:1.2rem;padding:50px;text-align:center}.error-message{background-color:#ff00001a;border:1px solid var(--color-red);border-radius:5px;color:var(--color-red-light);margin-bottom:20px;padding:15px}.test-mode-page.loading{align-items:center;color:var(--color-white);display:flex;font-size:2rem;height:100vh;justify-content:center}.test-mode-tabs{margin-top:20px}.test-mode-tablist{border-bottom:2px solid var(--color-overlay-medium);display:flex;margin-bottom:30px;padding:0}.test-mode-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-white-darker);cursor:pointer;font-size:18px;font-weight:700;list-style:none;margin-right:15px;padding:12px 20px;transition:all .3s ease}.test-mode-tab:hover{color:var(--color-white)}.test-mode-tab:focus{outline:none}.test-mode-tab[aria-selected=true]{background-color:var(--color-black-dark);border-bottom-color:var(--color-orange);color:var(--color-white)}.component-test-panel,.theme-test-panel{animation:fadeIn .5s ease-out}@media (max-width:768px){.test-mode-title{font-size:36px}.navigation-buttons{flex-direction:column;gap:10px}.home-button{margin-top:10px;position:relative;right:auto;top:auto;transform:none}.test-mode-header{flex-direction:column}}.theme-selector{animation:fadeIn .5s ease-out;background-color:var(--color-overlay-dark);border-radius:var(--border-radius-large);box-shadow:0 4px 8px #0003;margin:0 auto;max-width:800px;padding:20px;text-align:center}.theme-selector h2{color:var(--color-white);font-size:32px;margin-bottom:20px;text-align:center}.theme-selector-loading{animation:pulse 1.5s infinite;color:var(--color-white);font-size:1.2rem;padding:50px;text-align:center}.theme-selector-error{background-color:#ff00001a;border:1px solid var(--color-red);border-radius:5px;color:var(--color-red-light);margin-bottom:20px;padding:15px;text-align:center}.theme-selector-search{margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:400px;position:relative;width:100%}.theme-search-input{background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-medium);color:var(--color-white);font-size:16px;padding:12px 40px 12px 12px;width:100%}.theme-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin:0;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.theme-search-clear:hover{background-color:#ffffff1a}.theme-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:20px}.theme-button{align-items:center;background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-medium);box-shadow:0 2px 4px #0000004d;color:var(--color-white);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:80px;overflow:hidden;padding:15px 20px;position:relative;transition:all .2s ease}.theme-button:hover{background-color:var(--color-black-transparent-50);box-shadow:0 4px 8px #0006;transform:translateY(-2px)}.theme-name{font-size:16px;font-weight:700;margin-bottom:8px;text-align:center;word-break:break-word}.theme-type{border-radius:10px;font-size:12px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.theme-type.normal{background-color:var(--color-blue-dark);color:var(--color-white)}.theme-type.lobby{background-color:var(--color-green-dark);color:var(--color-white)}.no-themes-found{color:var(--color-white-darker);font-style:italic;grid-column:1/-1;padding:30px;text-align:center}@media (max-width:600px){.theme-list{grid-template-columns:1fr 1fr}}@media (max-width:400px){.theme-list{grid-template-columns:1fr}}.game-type-selector{animation:fadeIn .5s ease-out;background-color:var(--color-overlay-dark);border-radius:var(--border-radius-large);box-shadow:0 4px 8px #0003;margin:30px auto;max-width:1000px;padding:20px;text-align:center}.game-type-selector h2{color:var(--color-white);font-size:32px}.game-type-buttons{margin-bottom:30px}.game-type-button{font-size:18px;padding:15px 25px}.game-type-button.active{background-color:var(--color-orange);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.game-variant-selection{animation:fadeIn .3s ease-out;background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-medium);margin-top:20px;padding:20px}.game-variant-selection h3{color:var(--color-white);font-size:24px;margin-bottom:15px}.game-variant-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.game-variant-button{background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-medium);box-shadow:2px 3px var(--color-black);color:var(--color-white);cursor:pointer;padding:10px 20px;transition:all .2s ease}.game-variant-button.active,.game-variant-button:hover{background-color:var(--color-blue);box-shadow:2px 5px var(--color-black);transform:translateY(-2px)}.game-test-container{animation:fadeIn .4s ease-out;margin-top:30px}.game-test-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.game-test-header h3{color:var(--color-white);font-size:24px;margin:0}.reset-button{background-color:var(--color-red);border:none;border-radius:var(--border-radius-medium);box-shadow:2px 3px var(--color-black);color:var(--color-white);cursor:pointer;font-weight:700;padding:10px 15px;transition:all .2s ease}.reset-button:hover{background-color:var(--color-red-dark);box-shadow:2px 5px var(--color-black);transform:translateY(-2px)}.game-preview{background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-large);margin-top:20px;padding:20px}@media (max-width:768px){.game-test-header{align-items:center;flex-direction:column}.game-type-button,.game-variant-button,.reset-button{margin-bottom:10px;width:100%}}.round-ending-tester{animation:fadeIn .5s ease-out;background-color:var(--color-overlay-dark);border-radius:var(--border-radius-large);box-shadow:0 4px 8px #0003;margin:30px auto;max-width:1000px;padding:20px;text-align:center}.round-ending-tester h2{color:var(--color-white);font-size:32px;margin-bottom:20px}.game-type-selection{margin-bottom:30px}.game-type-selection h3{color:var(--color-white);font-size:24px;margin-bottom:20px}.game-type-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.game-type-button{background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-medium);box-shadow:3px 4px var(--color-black);color:var(--color-white);cursor:pointer;font-weight:700;padding:12px 20px;transition:all .2s ease}.game-type-button:hover{background-color:var(--color-orange);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.test-controls{border-top:1px solid var(--color-black-transparent-30);display:flex;gap:15px;justify-content:center;margin-top:20px;padding:20px 0}.test-controls button{border:none;border-radius:var(--border-radius-medium);box-shadow:3px 4px var(--color-black);color:var(--color-white);cursor:pointer;font-weight:700;padding:12px 20px;transition:all .2s ease}.complete-round-button,.test-button.next-round{background-color:var(--color-green)}.complete-round-button:hover,.test-button.next-round:hover{background-color:var(--color-green-dark);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.reset-button,.test-button.reset{background-color:var(--color-red)}.reset-button:hover,.test-button.reset:hover{background-color:var(--color-red-dark);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.view-summary-button{background-color:var(--color-blue);border:none;border-radius:var(--border-radius-medium);box-shadow:3px 4px var(--color-black);color:var(--color-white);cursor:pointer;font-weight:700;margin-top:20px;padding:12px 20px;transition:all .2s ease}.view-summary-button:hover{background-color:var(--color-blue-dark);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.confirmation-screen{animation:fadeIn .5s ease-out;background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-large);margin:30px auto;padding:40px}.confirmation-screen h3{color:var(--color-white);font-size:28px;margin-bottom:20px}.game-test-container,.round-leaderboard-container,.round-summary-container{animation:fadeIn .5s ease-out}.round-leaderboard-container{background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-large);margin:20px auto;max-width:800px;padding:25px}.test-leaderboard{background-color:var(--color-black-transparent-30);border-radius:var(--border-radius-medium);margin:20px 0;padding:20px}.leaderboard-sliderDisplay{color:var(--color-white);margin-top:20px}.leaderboard-sliderTitle{color:var(--color-white);font-size:24px;margin-bottom:5px;text-align:center}.leaderboard-sliderDescription{color:var(--color-white-darker);font-size:20px;margin-bottom:10px;text-align:center}.leaderboard-pointCounts{margin-top:20px}.leaderboard-pointCountsTitle{color:var(--color-white);margin-bottom:10px}.leaderboard-pointCountsList{list-style-type:none;padding:0}.leaderboard-pointCountItem{margin-bottom:15px}.leaderboard-pointCountHeader{align-items:center;display:flex}.leaderboard-pointCountColor{border:2px solid var(--color-white-darker);border-radius:50%;height:20px;margin-right:10px;width:20px}.leaderboard-playerNamesList{list-style-type:disc;margin-top:5px;padding-left:30px}.leaderboard-playerName{color:var(--color-white)}.leaderboard-averageBar{border:1px solid var(--color-white-darker)}.leaderboard-chooseDisplay{display:flex;flex-wrap:wrap;margin-top:20px}.leaderboard-chooseSide{background-color:var(--color-black-dark);border:1px solid var(--color-grey);border-radius:8px;color:var(--color-white);flex:1 1;margin:10px;padding:20px;position:relative}.leaderboard-colorSquare{border:2px solid var(--color-white);border-radius:4px;height:30px;left:10px;position:absolute;top:10px;width:30px}.leaderboard-sideHeader{font-size:26px;margin-bottom:10px;text-align:center}.leaderboard-descriptionLabel{font-weight:700;margin-bottom:5px}.leaderboard-sideDescription{font-size:14px;margin-bottom:15px}.leaderboard-sideStats{font-size:16px;font-weight:700;margin-bottom:10px}.leaderboard-playerList{list-style-type:none;margin:0;padding:0}.leaderboard-playerItem{font-size:14px;margin-bottom:5px}.leaderboard-averageScore{margin-top:30px;width:100%}.leaderboard-averageScoreTitle{color:var(--color-white);margin-bottom:10px;text-align:center}.leaderboard-averageBar{border:1px solid var(--color-white);border-radius:5px;display:flex;height:30px;overflow:hidden;width:100%}.leaderboard-averageBarSegment{height:100%}@media (max-width:768px){.leaderboard-chooseDisplay{flex-direction:column}.leaderboard-chooseSide{margin:10px 0}}.tierList-container{animation:fadeIn .6s ease-in-out;margin-top:var(--spacing-lg);width:100%}.tierList-sectionTitle{color:var(--color-orange);font-size:var(--font-size-xxl);margin:var(--spacing-lg) 0 var(--spacing-md);position:relative;text-align:center}.tierList-sectionTitle:after{background:linear-gradient(90deg,#0000,var(--color-orange),#0000);bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.tierList-overallRatings{background:var(--color-overlay-dark);border-radius:var(--border-radius-large);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);width:100%}.tierList-overallRankingsList{align-items:flex-end;display:flex;gap:var(--spacing-lg);height:230px;justify-content:center;margin:var(--spacing-xl) 0}.tierList-podiumItem{position:relative}.tierList-podiumContent,.tierList-podiumItem{align-items:center;display:flex;flex-direction:column}.tierList-podiumContent{border-radius:var(--border-radius-medium) var(--border-radius-medium) 0 0;padding:var(--spacing-md);transition:all var(--hover-duration) ease;width:120px}.podium-1{z-index:3}.podium-1 .tierList-podiumContent{background-color:#ffd7004d;background-color:var(--color-gold-transparent,#ffd7004d);height:180px}.podium-2{z-index:2}.podium-2 .tierList-podiumContent{background-color:#c0c0c04d;background-color:var(--color-silver-transparent,#c0c0c04d);height:150px}.podium-3{z-index:1}.podium-3 .tierList-podiumContent{background-color:#cd7f324d;background-color:var(--color-bronze-transparent,#cd7f324d);height:120px}.tierList-rank{align-items:center;border-radius:var(--border-radius-circle);display:flex;font-size:var(--font-size-lg);font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:40px;z-index:5}.podium-1 .tierList-rank{background-color:var(--color-gold);color:var(--color-black)}.podium-2 .tierList-rank{background-color:var(--color-silver);color:var(--color-black)}.podium-3 .tierList-rank{background-color:var(--color-bronze);color:var(--color-white)}.tierList-points{color:var(--color-white);font-weight:700;margin-top:var(--spacing-sm)}.tierList-playerName{margin-top:var(--spacing-xs);max-width:100px;text-align:center;word-break:break-word}.tierList-remainingRankings{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.tierList-rankingItem{align-items:center;background-color:var(--color-overlay-light);border-radius:var(--border-radius-medium);display:flex;gap:var(--spacing-sm);min-width:180px;padding:var(--spacing-xs) var(--spacing-md);position:relative}.tierList-rankNum{align-items:center;background-color:var(--color-overlay-darkest);border-radius:var(--border-radius-circle);color:var(--color-white);display:flex;font-size:var(--font-size-sm);font-weight:700;height:25px;justify-content:center;margin-right:var(--spacing-xs);width:25px}.tierList-individualContainer{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-around}.tierList-playerCard{background-color:var(--color-overlay-dark);border-radius:var(--border-radius-large);flex:0 0 calc(50% - var(--spacing-lg));margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}@media (max-width:900px){.tierList-playerCard{flex:0 0 100%}}.tierList-playerCardTitle{color:var(--color-white);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);text-align:center}.tierList-tierRows{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tierList-tierRow{background-color:var(--color-overlay-dark);border-radius:var(--border-radius-small);display:flex;overflow:hidden}.tierList-tierLabel{word-wrap:break-word;align-items:center;display:flex;flex-shrink:0;font-weight:700;justify-content:center;min-width:120px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;width:150px}.tierList-tierItems{display:flex;flex:1 1;flex-wrap:wrap;gap:var(--spacing-xs);min-height:60px;padding:var(--spacing-xs)}.tierList-itemContainer{border-radius:var(--border-radius-small);overflow:hidden;transition:transform var(--hover-duration-quick)}.tierList-itemContainer:hover{transform:var(--animation-hover-scale)}.tierList-emptyTier{align-items:center;color:var(--color-white-transparent-50);display:flex;font-style:italic;height:100%;justify-content:center;width:100%}.leaderboard-picture{border:2px solid var(--color-black-light);border-radius:3px;height:50px;object-fit:cover;transition:transform var(--hover-duration-quick),filter var(--hover-duration-quick);-webkit-user-select:none;user-select:none;width:auto}.leaderboard-picture:hover{cursor:pointer;filter:brightness(1.1);transform:scale(1.05)}.leaderboardTierList-playerAvatar{align-items:center;background-color:var(--color-grey-light);border-radius:var(--border-radius-small);display:flex;flex-direction:column;margin:var(--spacing-xs);padding:var(--spacing-xs);transition:transform var(--hover-duration-quick);width:80px}.leaderboardTierList-playerAvatar:hover{transform:var(--animation-hover-scale)}.leaderboardTierList-playerAvatarImg{object-fit:cover}.leaderboardTierList-playerAvatarImg,.leaderboardTierList-playerAvatarInitial{border-radius:var(--border-radius-circle);height:var(--avatar-size);width:var(--avatar-size)}.leaderboardTierList-playerAvatarInitial{align-items:center;background-color:var(--color-grey);color:var(--color-white);display:flex;font-size:20px;font-weight:700;justify-content:center}.leaderboardTierList-playerAvatarUsername{color:var(--color-black-dark);font-size:var(--font-size-md);font-weight:700;margin-top:var(--spacing-xs);max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.leaderboardTierList-playerAvatarUnknown{background-color:var(--color-white-darker)}.game-over-tester{animation:fadeIn .5s ease-out;background-color:var(--color-overlay-dark);border-radius:var(--border-radius-large);box-shadow:0 4px 8px #0003;margin:30px auto;max-width:1000px;padding:20px;text-align:center}.game-over-tester h2{color:var(--color-white);font-size:32px;margin-bottom:20px}.tester-description{color:var(--color-white-darker);font-size:18px;margin-bottom:30px}.test-options{background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-large);display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:600px;padding:20px}.option-group{text-align:left}.option-group h3{border-bottom:1px solid var(--color-white-transparent-20);color:var(--color-white);font-size:20px;margin-bottom:10px;padding-bottom:5px}.radio-group{display:flex;flex-wrap:wrap;gap:15px}.radio-group label{align-items:center;color:var(--color-white);cursor:pointer;display:flex;margin-right:15px}.radio-group input[type=radio]{cursor:pointer;margin-right:8px}.player-count-select{background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-medium);color:var(--color-white);cursor:pointer;font-size:16px;padding:10px 15px;width:100px}.player-count-select:focus{box-shadow:0 0 0 2px var(--color-orange);outline:none}.reset-test-button,.start-test-button{background-color:var(--color-blue);border:none;border-radius:var(--border-radius-medium);box-shadow:3px 4px var(--color-black);color:var(--color-white);cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 25px;transition:all .2s ease}.reset-test-button:hover,.start-test-button:hover{background-color:var(--color-blue-dark);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.game-over-screen{animation:fadeIn .5s ease-out;background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-large);margin:0 auto;max-width:800px;padding:30px}.game-over-title{animation:pulse 2s infinite;color:var(--color-orange);font-size:48px;margin-bottom:30px;text-shadow:2px 2px 4px var(--color-black)}.winner-message{color:var(--color-white);font-size:32px;margin-bottom:25px}.winner-message.you-win{color:var(--color-orange);font-size:36px;text-shadow:1px 1px 10px var(--color-orange-dark)}.tie-message{color:var(--color-blue);font-size:28px;margin-bottom:25px}.leaderboard-container{background-color:var(--color-black-transparent-30);border-radius:var(--border-radius-large);margin:20px 0}.leaderboard-title{font-size:24px}.leaderboard{display:flex;flex-direction:column;gap:10px}.leaderboard-entry{align-items:center;background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-medium);display:flex;justify-content:space-between;padding:10px 15px}.leaderboard-entry.first-place{background-color:var(--color-gold-transparent);border:1px solid var(--color-gold-transparent-border)}.leaderboard-entry.current-user{border-left:4px solid var(--color-orange);font-weight:700}.rank{color:var(--color-white-darker);font-weight:700;min-width:30px}.player-name{color:var(--color-white);flex-grow:1;padding:0 10px;text-align:left}.player-score{color:var(--color-orange);font-size:18px;font-weight:700}.game-over-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.exit-game-button,.play-again-button{border:none;border-radius:var(--border-radius-medium);box-shadow:3px 4px var(--color-black);cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .2s ease}.play-again-button{background-color:var(--color-green);color:var(--color-white)}.play-again-button:hover{background-color:var(--color-green-dark);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}.exit-game-button{background-color:var(--color-red);color:var(--color-white)}.exit-game-button:hover{background-color:var(--color-red-dark);box-shadow:3px 6px var(--color-black);transform:translateY(-2px)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.radio-group{gap:10px}.game-over-actions,.radio-group{flex-direction:column}}.game-finished-wrapper{background-color:var(--color-black-transparent-20);border-radius:var(--border-radius-large);margin-top:20px;padding:20px}.game-over-test-controls{display:flex;justify-content:center;margin-bottom:20px}.gameFinished-nav-button{background-color:var(--color-black-transparent-30);border:none;border-radius:var(--border-radius-medium);color:var(--color-white);cursor:pointer;margin:0 10px;padding:8px 15px}.gameFinished-nav-button:hover:not(:disabled){background-color:var(--color-black-transparent-50)}.gameFinished-nav-button:disabled{cursor:not-allowed;opacity:.5}.gameFinished-results-table{border-collapse:collapse;color:var(--color-white);margin:20px 0;width:100%}.gameFinished-results-table td,.gameFinished-results-table th{border-bottom:1px solid var(--color-black-transparent-50);padding:10px;text-align:left}.gameFinished-results-table .current-user{background-color:var(--color-orange-transparent);font-weight:700}.round-count-select{background-color:var(--color-black-light);border:none;border-radius:var(--border-radius-medium);color:var(--color-white);cursor:pointer;font-size:16px;padding:10px 15px;width:100px}.privacy-container{animation:fadeIn .8s ease-out;color:var(--color-white);margin:0 auto;max-width:1000px;padding:60px 20px}.privacy-header{animation:fadeInDown .8s ease-out;margin-bottom:40px;text-align:center}.privacy-title{color:var(--color-orange);font-size:42px;margin-bottom:15px}.privacy-updated{color:var(--color-grey);font-style:italic}.privacy-content{display:flex;flex-direction:column;gap:30px}.privacy-card{animation:fadeInUp .8s ease-out;background-color:var(--color-black-dark);border-radius:var(--border-radius-large);box-shadow:0 8px 30px var(--color-overlay-darker);overflow:hidden;transition:transform .3s ease}.privacy-section{border-bottom:1px solid var(--color-overlay-medium);cursor:pointer;transition:background-color .3s ease}.privacy-section:last-child{border-bottom:none}.privacy-section:hover{background-color:#ffffff08;background-color:var(--color-white-transparent-3,#ffffff08)}.privacy-section-header{align-items:center;display:flex;justify-content:space-between;padding:20px 25px}.privacy-section-header h2{color:var(--color-white);font-size:22px;margin:0;transition:color .3s ease}.privacy-section.expanded .privacy-section-header h2{color:var(--color-orange)}.privacy-toggle{height:20px;position:relative;width:20px}.privacy-toggle span{background-color:var(--color-orange);border-radius:2px;position:absolute;transition:transform .3s ease}.privacy-toggle span:first-child{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.privacy-toggle span:last-child{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.privacy-section.expanded .privacy-toggle span:last-child{transform:translateX(-50%) scaleY(0)}.privacy-section-content{max-height:0;overflow:hidden;padding:0 25px;transition:max-height .5s ease,padding .5s ease}.privacy-section.expanded .privacy-section-content{max-height:1000px;padding:0 25px 25px}.privacy-section-content p{color:var(--color-white-darker);line-height:1.6;margin-top:0}.privacy-list{list-style-type:none;padding-left:5px}.privacy-list li{color:var(--color-white-darker);line-height:1.5;margin-bottom:12px;padding-left:20px;position:relative}.privacy-list li:before{background-color:var(--color-orange);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:10px;width:8px}.privacy-list li strong{color:var(--color-white);font-weight:700}.privacy-summary{animation:fadeInUp .8s ease-out;animation-delay:.2s;animation-fill-mode:both}.privacy-summary-card{background-color:var(--color-black-dark);border-radius:var(--border-radius-large);border-top:3px solid var(--color-orange);box-shadow:0 8px 30px var(--color-overlay-darker);padding:25px;text-align:center}.privacy-summary-card h3{color:var(--color-orange);font-size:24px;margin-top:0}.privacy-summary-card p{color:var(--color-white-darker);margin-bottom:20px}.privacy-contact-btn{background-color:var(--color-orange);border-radius:var(--border-radius-medium);box-shadow:0 4px 12px var(--color-shadow-orange);color:var(--color-white)!important;display:inline-block;font-weight:600;padding:12px 25px;text-decoration:none;transition:all .3s ease}.privacy-contact-btn:hover{background-color:var(--color-orange-dark);box-shadow:0 6px 16px var(--color-shadow-orange-hover);transform:translateY(-2px)}@media (max-width:768px){.privacy-container{padding:40px 15px}.privacy-title{font-size:32px}.privacy-section-header{padding:15px 20px}.privacy-section-header h2{font-size:20px}.privacy-section.expanded .privacy-section-content{padding:0 20px 20px}}.contact-container{color:var(--color-white);margin:0 auto;padding:60px 20px}.contact-title{animation:fadeInDown .8s ease-out;color:var(--color-orange);font-size:42px;margin-bottom:40px;position:relative;text-align:center}.contact-title:after{background:var(--color-orange);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.contact-cards{display:flex;flex-wrap:wrap;gap:30px}.contact-card{animation:fadeInUp .8s ease-out;background-color:var(--color-black-dark);border-radius:var(--border-radius-large);box-shadow:0 8px 30px var(--color-overlay-darker);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 12px 40px var(--color-overlay-darkest);transform:translateY(-5px)}.contact-card--info{flex:1 1;min-width:300px}.contact-card--form{flex:2 1;min-width:400px}.contact-card__content{padding:30px}.contact-card h2{color:var(--color-orange);font-size:28px;margin-bottom:20px}.contact-description{color:var(--color-white-darker);line-height:1.6;margin-bottom:30px}.contact-methods{display:flex;flex-direction:column;gap:25px}.contact-method{align-items:center;display:flex;gap:15px;transition:transform .2s ease}.contact-method:hover{transform:translateX(5px)}.contact-method__icon{flex-shrink:0}.icon-circle{align-items:center;background-color:var(--color-black);border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:50px}.contact-method:hover .icon-circle{box-shadow:0 5px 15px var(--color-overlay-darker);transform:scale(1.1) rotate(10deg)}.contact-method__details h3{color:var(--color-white);font-size:18px;margin:0 0 5px}.contact-link{color:var(--color-orange);display:inline-block;position:relative;text-decoration:none;transition:color .2s ease}.contact-link:after{background-color:var(--color-orange);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}.contact-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.contact-form{display:flex;flex-direction:column;gap:25px;padding:30px}.form-floating{position:relative}.form-control{background-color:var(--color-black);border:none;border-radius:var(--border-radius-medium);color:var(--color-white);font-size:16px;padding:15px;transition:all .3s;width:96%}.form-floating label{color:var(--color-grey);left:15px;pointer-events:none;position:absolute;top:15px;transition:all .3s ease}.form-floating.active label{background-color:var(--color-black-dark);border-radius:4px;color:var(--color-orange);font-size:14px;left:5px;padding:0 8px;top:-10px}.form-focus-indicator{background-color:var(--color-orange);bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.form-floating.active .form-focus-indicator{width:100%}textarea.form-control{min-height:120px;resize:vertical}.contact-submit-button{align-items:center;align-self:flex-start;background-color:var(--color-orange);border:none;border-radius:var(--border-radius-medium);box-shadow:0 4px 12px var(--color-shadow-orange);color:var(--color-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;margin-top:10px;overflow:hidden;padding:12px 25px;position:relative;transition:all .3s ease}.send-icon{fill:#fff;height:20px;transition:transform .3s ease;width:20px}.contact-submit-button:hover{background-color:var(--color-orange-dark);box-shadow:0 6px 16px var(--color-shadow-orange-hover);transform:translateY(-2px)}.contact-submit-button:hover .send-icon{transform:translateX(3px)}.contact-submit-button:active{transform:translateY(0)}.contact-success-message{align-items:center;animation:slideInUp .5s ease-out;background-color:var(--color-green-transparent);border-left:4px solid var(--color-green);border-radius:6px;color:var(--color-white);display:flex;gap:10px;margin-top:20px;padding:15px}.check-icon{fill:var(--color-green);animation:bounce .6s ease;height:24px;width:24px}@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)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.contact-container{padding:40px 15px}.contact-title{font-size:32px}.contact-card--form{min-width:300px}}.gameContainer{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 150px);padding:1vw}.gameContainerTop{display:flex}.gameContainerBottom{margin-bottom:20px}.gameContainerBottom,.gameContainerBottom-blockOne{display:flex;flex:1 1}@media (max-width:1250px){.gameContainer{height:auto;margin:0;padding:0}.gameContainerBottom{flex-direction:column}}@media (max-width:1100px){.gameContainerBottom-blockOne{flex-direction:column;gap:20px;margin-top:20px}}.skeleton-element{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-black-light) 25%,var(--color-black-light-transparent-80) 50%,var(--color-black-light) 75%);background-size:200% 100%;border-radius:var(--border-radius-medium)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{align-items:center;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.skeleton-section{margin-bottom:10px;padding:10px}.skeleton-players,.skeleton-section{background-color:var(--color-black);border-radius:var(--border-radius-medium)}.skeleton-players{display:flex;flex-direction:column;gap:15px;padding:15px;width:15%}.skeleton-player{align-items:center;display:flex;gap:10px}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-name{height:20px;width:80px}.skeleton-game-content{align-items:center;background-color:var(--color-black);border-radius:var(--border-radius-medium);display:flex;flex:2 1;flex-direction:column;gap:20px;margin-right:10px;padding:20px}.skeleton-card-container{display:flex;gap:20px;justify-content:center;width:100%}.skeleton-title-large{height:40px;width:250px}.skeleton-title-medium{height:30px;margin-bottom:15px;width:180px}.skeleton-button-large{height:50px;margin-top:10px;width:180px}.skeleton-chat{background-color:var(--color-black);border-radius:var(--border-radius-medium);height:100%;padding:15px}.skeleton-chat,.skeleton-messages{display:flex;flex:1 1;flex-direction:column}.skeleton-messages{gap:15px;margin-bottom:20px}.skeleton-message{height:25px;margin-bottom:5px;width:75%}.skeleton-message:nth-child(2n){align-self:flex-end;width:60%}.skeleton-input-area{display:flex;gap:10px}.skeleton-input{flex:1 1;height:40px}.skeleton-button{height:40px;width:60px}@media (max-width:768px){.skeleton-players{flex-direction:row;justify-content:space-around;margin-bottom:10px;width:100%}.gameContainerBottom-blockOne{flex-direction:column}.skeleton-game-content{margin-bottom:10px;margin-right:0}}.gameHeader{align-items:center;background-color:var(--color-black-dark);border-radius:15px;color:var(--color-white);display:flex;flex:1 1;font-size:1.5rem;margin:1vw 0;padding:10px}.gameHeaderLeft{display:flex;flex:1 1;gap:10px;justify-content:center}.gameHeaderLeft-borderRight,.gameHeaderLeft-borderRightCol{border-right:1px solid var(--color-white);padding-right:10px}.gameHeaderLeft-blockOne,.gameHeaderLeft-blockTwo{display:flex;gap:10px}.gameHeaderRight{display:flex}.gameHeaderLeave,.gameHeaderSettings{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color var(--hover-duration-quick)}.gameHeaderLeave:hover,.gameHeaderSettings:hover{background-color:var(--color-black)}.gameHeaderRightLeaveText,.gameHeaderRightSettingsText{font-size:1.35rem;margin:0;transition:color var(--hover-duration-quick)}.gameHeaderRightLeaveText{color:var(--color-red)}.gameHeaderRightLeaveText:hover{color:var(--color-red-dark)}.gameHeaderRightSettingsText:hover{color:var(--color-white-darker)}.gameHeaderRightLeaveButtonIcon,.settingsIcon{height:25px;transition:transform var(--hover-duration-quick);width:25px}.gameHeaderRightLeaveButtonIcon:hover,.settingsIcon:hover{transform:scale(1.1)}@media (max-width:1250px){.gameHeaderRight{flex-direction:column}}@media (max-width:1075px){.gameHeaderLeft-borderRight,.gameHeaderLeft-borderRightCol{border-right:none}.gameHeaderLeft-blockOne,.gameHeaderLeft-blockTwo{flex-direction:column}.gameHeaderLeft{justify-content:space-around}}@media (max-width:750px){.gameHeaderLeft-borderRight{border-right:1px solid var(--color-white)}}.headerSettings{background-color:var(--color-black-dark);border-radius:15px;color:var(--color-white);flex:1 1;font-size:1.5rem;margin:1vw 0}.headerSettings,.headerSettings-left{align-items:center;display:flex;padding:10px}.headerSettings-left{border-radius:5px;color:var(--color-red);cursor:pointer;gap:5px;transition:background-color var(--hover-duration-quick)}.headerSettings-left:hover{background-color:var(--color-black)}.headerSettings-leftText{font-size:1.35rem;margin:0;transition:color var(--hover-duration-quick)}.headerSettings-leftText:hover{color:var(--color-red-dark)}.headerSettings-leftIcon{height:25px;transition:transform var(--hover-duration-quick);width:25px}.headerSettings-leftIcon:hover{transform:scale(1.1)}.headerSettings-right{display:flex;flex:1 1;justify-content:center}.headerSettings-rightText{font-size:1.35rem;margin:0;transition:color var(--hover-duration-quick)}.gameSidebar{box-sizing:border-box;gap:20px;width:15%}.gamePlayers,.gameSidebar{display:flex;flex-direction:column}.gamePlayers{flex-wrap:wrap;gap:10px}@media (max-width:1250px){.gamePlayers{flex-direction:row;flex-wrap:nowrap}}.gamePlayer{align-items:center;background-color:var(--color-white);border-radius:10px;box-sizing:border-box;color:var(--color-black-dark);display:flex;height:80px;margin:5px;padding:10px;transition:transform var(--hover-duration),box-shadow var(--hover-duration),background-color var(--hover-duration),border-color var(--hover-duration-quick);width:calc(100% - 10px)}.gamePlayer:hover{background-color:var(--color-white-darker);box-shadow:0 0 15px var(--color-shadow-light-mode);transform:translateY(-5px)}.gameUserPlayer{border:2px solid var(--color-orange)}.gameUserPlayer:hover{border-color:var(--color-orange-dark)}.gamePlayerLeader{border-color:var(--color-green);color:var(--color-green)}.gamePlayerLeader:hover{border-color:var(--color-green-dark);color:var(--color-green-dark)}.gamePlayerAvatar img{border-radius:25%;height:50px;width:50px}.gamePlayerUsername{box-sizing:border-box;font-size:24px;font-weight:700;margin:auto;padding:0 5px}.gameContent{animation:fadeIn var(--fadeIn-duration);background-color:var(--color-black-dark);border-radius:25px;display:flex;flex:1 1;flex-direction:column;margin:0 1vw 20px;min-height:70vh}.gameContentFooter,.gameContentHeader{color:var(--color-white);padding:20px;text-align:center}.gameContentHeader{animation:slideDown .5s ease-out;border-bottom:1px solid var(--color-white);margin:0 5%}.gameContentFooter{animation:slideUp .5s ease-out;border-top:1px solid var(--color-white);margin:0 5%}.confirmationContainer{color:var(--color-white);height:-webkit-fit-content;height:fit-content;padding:20px;text-align:center}.confirmPlayers{align-items:stretch;display:flex;flex-direction:column;margin:auto;max-width:500px}.confirmPlayer{align-items:center;background:var(--color-white);border-radius:10px;color:var(--color-black-dark);display:flex;justify-content:space-between;margin:5px 0;padding:15px;transition:transform var(--hover-duration),background-color var(--hover-duration),border-color var(--hover-duration-quick)}.confirmPlayer:hover{background-color:var(--color-white-darker);box-shadow:0 0 15px var(--color-shadow-light-mode)}.confirmPlayerContainer{align-items:center;display:flex;gap:5px}.confirmPlayerAvatar img{border-radius:50%;height:60px;width:60px}.confirmPlayerName{font-size:24px;font-weight:700}.confirmStatus{font-size:22px;font-weight:700;transition:color var(--hover-duration)}.confirmStatus.confirmed{color:var(--color-green)}.confirmStatus.confirmed:hover{color:var(--color-green-dark)}.confirmStatus.notConfirmed{color:var(--color-red)}.confirmStatus.notConfirmed:hover{color:var(--color-red-dark)}.confirmButton{padding:10px 20px}.confirmButton--ready{background-color:var(--color-green);color:var(--color-white)}.confirmButton--loading,.confirmButton--ready:hover{background-color:var(--color-green-dark)}.confirmButton--loading{color:var(--color-white)}.confirmButton--confirmed{background-color:var(--color-green-dark);color:var(--color-black-light)}.round{align-items:center;animation:scaleUp .5s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center}.pickTheme,.round{color:var(--color-white);padding:20px}.pickTheme{animation:fadeIn var(--fadeIn-duration) ease-in-out;text-align:center;width:100%}.pickThemeHeader{color:var(--color-white);font-size:48px;margin-bottom:25px}.themeActionButtons{display:flex;gap:10px;justify-content:center;margin:0 auto;padding:5px}.themeActionButtons *{box-shadow:none;color:var(--color-white);transition:background-color var(--hover-duration-quick) ease}.pickTheme-backButton{background-color:var(--color-red)}.pickTheme-backButton:hover{background-color:var(--color-red-dark)}.pickTheme-confirmButton{background-color:var(--color-green)}.pickTheme-confirmButton:hover{background-color:var(--color-green-dark)}.themeList-container{flex-direction:column}.themeList-container,.themeList-wrapper{display:flex;margin:0 auto;max-width:100%}.themeList-wrapper{align-items:center;position:relative}.themeList-nav{background-color:var(--color-orange);border-radius:var(--border-radius-circle);color:var(--color-white);display:flex;height:40px;justify-content:center;margin:0 5px;width:40px}.themeList-scrollContainer{-ms-overflow-style:none;overflow-x:auto;padding:10px 0;position:relative;scrollbar-color:var(--color-orange) #0000;scrollbar-width:thin;scrollbar-width:none;width:100%}.themeList-scrollContainer::-webkit-scrollbar{display:none}.themeList{animation:slideDown var(--hover-duration) ease-in-out;display:inline-flex;gap:12px;min-width:-webkit-min-content;min-width:min-content;padding:0 8px}.themeList-nav:hover{background-color:var(--color-orange-dark);transform:scale(1.1)}.themeList-buttonContainer{display:flex;gap:10px;justify-content:center}.pickThemeButton{background-color:var(--color-orange-dark);border:1px solid var(--color-white-darker);color:var(--color-white);flex:0 0 auto;font-size:20px;max-width:200px;min-width:120px;overflow:hidden;padding:10px 20px;text-overflow:ellipsis;transition:background-color var(--hover-duration),transform var(--hover-duration-quick);white-space:nowrap}.pickThemeButton-text{display:block;overflow:hidden;text-overflow:ellipsis}.pickThemeButton:hover{background-color:var(--color-orange);transform:scale(1.05)}.pickThemeButton.disabled{cursor:not-allowed;opacity:.5}.pickThemeButton.selected{animation:scaleUp var(--hover-duration) ease-in-out;background-color:var(--color-green);color:var(--color-white)}@media (max-width:768px){.pickThemeButton{font-size:18px;min-width:100px;padding:8px 16px}.themeList-nav{height:36px;width:36px}}.themeList-filter{margin-top:20px;text-align:center}.themeList-filter-btn{background-color:var(--color-green);border:1px solid var(--color-white);color:var(--color-white);font-size:12px;padding:8px 16px}.themeList-filter-btn:hover{background-color:var(--color-green-dark);transform:translateY(-2px)}.themeList-filter-btn.active{background-color:var(--color-red);border:1px solid var(--color-white-darker);color:var(--color-white)}.themeList-filter-btn.active:hover{background-color:var(--color-red-dark);color:var(--color-white);transform:translateY(-2px)}.themeList-stopGame{margin-top:20px;text-align:center}.themeList-stopGame-btn{background-color:var(--color-red);border:1px solid var(--color-white);color:var(--color-white);font-size:12px;padding:8px 16px}.themeList-stopGame-btn:hover{background-color:var(--color-red-dark);cursor:pointer;transform:translateY(-2px)}.themeListLobbyHeaderContainer{align-items:center;display:flex;justify-content:center}.themeListLobby-infoIcon{border-radius:10px;height:30px;margin:5px;padding:5px;transition:background-color var(--hover-duration-quick) ease-in-out;width:30px}.themeListLobby-infoIcon:hover{background-color:var(--color-white-transparent-20)}.themeListLobbyButton{background-color:var(--color-blue)}.themeListLobbyButton:hover{background-color:var(--color-blue-dark)}.themePreviewLayout{animation:fadeIn var(--fadeIn-duration) ease-in-out;background-color:var(--color-black-light);border:1px solid var(--color-white-darker);border-radius:10px;color:var(--color-white);margin-top:20px;padding:20px}.themePreview-title{font-size:32px}.themePreview-description{color:var(--color-white-darker);font-size:18px;margin:10px 0}.themePreview-subheader{margin:20px 0 10px}.themePreview-description strong{padding-right:5px}.themePreviewList{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.themePreview-List-element{text-wrap:nowrap;background-color:var(--color-black);border-radius:5px;list-style-type:none;margin:0 auto;padding:5px 10px;width:-webkit-min-content;width:min-content}.themePreview-tagsContainer{margin:15px 0}.themePreview-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}.themePreview-tag{background-color:var(--color-black-light-transparent-70);border:1.5px solid var(--color-orange);border-radius:var(--border-radius-medium);color:var(--color-white);display:inline-block;font-size:.9rem;padding:4px 10px;transition:transform .2s ease,box-shadow .2s ease}.themePreview-tag:hover{box-shadow:0 2px 4px var(--color-shadow-black);transform:translateY(-2px)}.themePreview-tag--admin{background-color:#ff00001a;border-color:var(--color-red)}.waiting-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;border-top:4px solid var(--color-white);height:40px;margin-top:20px;width:40px}.roundover-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.celebration-spinner{animation:spin 1s linear infinite;border-radius:50%;border-top:4px solid var(--color-green);height:40px;margin-top:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.leaderboard-container{background-color:var(--color-black);border-radius:10px;color:var(--color-white);margin-top:20px;padding:20px;text-align:left;width:90%}.leaderboard-title{color:var(--color-white);margin-bottom:15px}.leaderboard-list{list-style-type:none;padding:0}.leaderboard-noGameData,.leaderboard-ratingCard{color:var(--color-white)}.leaderboard-ratingCard{background-color:var(--color-grey);border-radius:8px;margin-bottom:20px;padding:15px}.leaderboard-ratingHeader{font-weight:700;margin-bottom:10px}.leaderboard-ratingContent .leaderboard-ratingItem{margin-bottom:10px}.leaderboard-ratingItem .leaderboard-label{color:var(--color-orange);font-weight:700;margin-right:5px}.leaderboardSliderLobby{color:var(--color-white);padding:15px}.leaderboardSliderLobby-heading{color:var(--color-orange);font-size:1.4rem;margin:25px 0 15px;padding-left:15px;position:relative}.leaderboardSliderLobby-heading:before{background-color:var(--color-orange);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.leaderboardSliderLobby-averages{background-color:var(--color-black-transparent-30);border-radius:10px;margin-bottom:30px;padding:20px}.leaderboardSliderLobby-scale{align-items:center;display:flex;margin-bottom:20px}.leaderboardSliderLobby-scaleLabel{border-radius:4px;font-size:.9rem;font-weight:700;padding:5px 10px}.leaderboardSliderLobby-scaleLabel.low{background-color:var(--color-red-light);color:var(--color-white)}.leaderboardSliderLobby-scaleLabel.high{background-color:var(--color-green);color:var(--color-white)}.leaderboardSliderLobby-scaleTrack{background:var(--gradient-rating-scale);border-radius:2px;flex-grow:1;height:4px;margin:0 15px}.leaderboardSliderLobby-playerCards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.leaderboardSliderLobby-playerCard{background-color:var(--color-white-transparent-8);border-radius:10px;cursor:pointer;padding:20px 15px;position:relative;transition:transform .2s,box-shadow .2s;width:300px}.leaderboardSliderLobby-playerCard:hover{background-color:var(--color-white-transparent-12);box-shadow:0 5px 15px var(--color-shadow-black);transform:translateY(-3px)}.leaderboardSliderLobby-playerRank{align-items:center;background-color:var(--color-orange);border-radius:50%;box-shadow:0 2px 5px var(--color-shadow-black);color:#000;display:flex;font-size:1rem;font-weight:700;height:30px;justify-content:center;left:-10px;position:absolute;top:-10px;width:30px}.leaderboardSliderLobby-avatar{border:2px solid var(--color-white-transparent-30);border-radius:50%;float:left;height:60px;margin-right:15px;overflow:hidden;width:60px}.leaderboardSliderLobby-avatar img{height:100%;object-fit:cover;width:100%}.leaderboardSliderLobby-defaultAvatar{align-items:center;background-color:var(--color-grey-dark);color:var(--color-white);display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.leaderboardSliderLobby-playerInfo{float:left;margin-bottom:15px}.leaderboardSliderLobby-username{font-size:1.1rem;font-weight:700;margin-bottom:5px}.leaderboardSliderLobby-rating{border-radius:12px;display:inline-block;font-size:.9rem;font-weight:700;padding:3px 10px}.leaderboardSliderLobby-gaugeContainer{clear:both;margin-top:10px}.leaderboardSliderLobby-gauge{background-color:var(--color-white-transparent-20);border-radius:4px;height:8px;overflow:hidden;width:100%}.leaderboardSliderLobby-gaugeFill{border-radius:4px;height:100%;transition:width 1s ease}.leaderboardSliderLobby-expandedDetails{animation:fadeIn .3s ease-in;background-color:var(--color-black-transparent-20);border-radius:8px;margin-top:15px;padding:10px}.leaderboardSliderLobby-expandedDetails p{color:var(--color-white-transparent-80);font-size:.9rem;margin-top:0}.leaderboardSliderLobby-individualRatings h5{color:var(--color-white-transparent-90);font-size:.9rem;margin:10px 0}.leaderboardSliderLobby-individualRating{align-items:center;border-bottom:1px solid var(--color-white-transparent-10);display:flex;justify-content:space-between;padding:5px 0}.leaderboardSliderLobby-ratingBadge{border-radius:10px;font-size:.8rem;font-weight:700;padding:2px 8px}.leaderboardSliderLobby-submissions{display:flex;flex-wrap:wrap;gap:20px}.leaderboardSliderLobby-submission{background-color:var(--color-black-transparent-30);border-radius:10px;flex:1 1 300px;padding:15px}.leaderboardSliderLobby-submissionTitle{border-bottom:1px solid var(--color-white-transparent-20);color:var(--color-white);margin-bottom:15px;margin-top:0;padding-bottom:10px}.leaderboardSliderLobby-ratingsList{display:flex;flex-direction:column;gap:12px}.leaderboardSliderLobby-ratedPlayer{align-items:center;background-color:var(--color-white-transparent-8);border-radius:8px;display:flex;padding:8px;transition:background-color .2s}.leaderboardSliderLobby-ratedPlayer:hover{background-color:var(--color-white-transparent-12)}.leaderboardSliderLobby-ratedPlayerAvatar{border-radius:50%;height:40px;margin-right:10px;overflow:hidden;width:40px}.leaderboardSliderLobby-ratedPlayerAvatar img{height:100%;object-fit:cover;width:100%}.leaderboardSliderLobby-ratedPlayerDefaultAvatar{align-items:center;background-color:var(--color-grey-dark);color:var(--color-white);display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.leaderboardSliderLobby-ratedPlayerName{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.leaderboardSliderLobby-ratedPlayerGauge{flex:1 1;margin:0 15px}.leaderboardSliderLobby-ratedPlayerGaugeTrack{background-color:var(--color-white-transparent-20);border-radius:3px;height:6px;overflow:hidden;width:100%}.leaderboardSliderLobby-ratedPlayerGaugeFill{height:100%;transition:width 1s ease}.leaderboardSliderLobby-ratedPlayerValue{border-radius:10px;font-size:.8rem;font-weight:700;min-width:30px;padding:3px 8px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.leaderboardSliderLobby-playerCards{justify-content:center}.leaderboardSliderLobby-playerCard{width:100%}.leaderboardSliderLobby-ratedPlayerName{width:70px}.leaderboardSliderLobby-ratedPlayerGauge{margin:0 10px}}.leaderboardAvatarsSlider{color:var(--color-white);padding:15px}.leaderboardAvatarsSlider-heading{color:var(--color-orange);font-size:1.4rem;margin:25px 0 15px;padding-left:15px;position:relative}.leaderboardAvatarsSlider-heading:before{background-color:var(--color-orange);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.leaderboardAvatarsSlider-finalRankings{background-color:var(--color-black-transparent-30);border-radius:10px;margin-bottom:30px;padding:20px}.leaderboardAvatarsSlider-scale{display:flex;justify-content:center;margin-bottom:15px}.leaderboardAvatarsSlider-scaleLabel{border-radius:15px;font-size:.9rem;font-weight:700;padding:5px 15px}.leaderboardAvatarsSlider-scaleLabel.best{background-color:var(--color-green);color:var(--color-white)}.leaderboardAvatarsSlider-players{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.leaderboardAvatarsSlider-playerCard{align-items:center;background-color:var(--color-white-transparent-10);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:25px 15px 15px;position:relative;transition:transform .2s,box-shadow .2s;width:120px}.leaderboardAvatarsSlider-playerCard:hover{background-color:var(--color-white-transparent-15);box-shadow:0 5px 15px var(--color-black-transparent-30);transform:translateY(-5px)}.leaderboardAvatarsSlider-medal,.leaderboardAvatarsSlider-rank{align-items:center;border-radius:50%;display:flex;font-size:1rem;font-weight:700;height:30px;justify-content:center;position:absolute;top:-15px;width:30px}.leaderboardAvatarsSlider-medal.gold{background:var(--color-gold-gradient);box-shadow:0 0 10px var(--color-shadow-gold);color:var(--color-black)}.leaderboardAvatarsSlider-medal.silver{background:var(--color-silver-gradient);box-shadow:0 0 10px var(--color-shadow-silver);color:var(--color-black)}.leaderboardAvatarsSlider-medal.bronze{background:var(--color-bronze-gradient);box-shadow:0 0 10px var(--color-shadow-bronze);color:var(--color-white)}.leaderboardAvatarsSlider-rank{background-color:var(--color-black-transparent-70);color:var(--color-white)}.leaderboardAvatarsSlider-avatar{border:3px solid var(--color-white-transparent-30);border-radius:50%;height:70px;margin-bottom:10px;overflow:hidden;width:70px}.leaderboardAvatarsSlider-avatar img{height:100%;object-fit:cover;width:100%}.leaderboardAvatarsSlider-defaultAvatar{align-items:center;background-color:var(--color-grey-dark);display:flex;font-size:30px;font-weight:700;height:100%;justify-content:center;width:100%}.leaderboardAvatarsSlider-playerInfo{text-align:center}.leaderboardAvatarsSlider-username{font-size:.9rem;font-weight:700;margin-bottom:5px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboardAvatarsSlider-score{color:var(--color-white-transparent-80);font-size:.8rem}.leaderboardAvatarsSlider-expandedInfo{background-color:var(--color-black-transparent-40);border-radius:5px;font-size:.8rem;margin-top:10px;padding:8px;text-align:center;width:100%}.leaderboardAvatarsSlider-playerCard.medal-gold{background-color:#ffd70026;background-color:var(--color-gold-transparent,#ffd70026);border:1px solid #ffd7004d;border:1px solid var(--color-gold-transparent-border,#ffd7004d)}.leaderboardAvatarsSlider-playerCard.medal-silver{background-color:#c0c0c026;background-color:var(--color-silver-transparent,#c0c0c026);border:1px solid #c0c0c04d;border:1px solid var(--color-silver-transparent-border,#c0c0c04d)}.leaderboardAvatarsSlider-playerCard.medal-bronze{background-color:#cd7f3226;background-color:var(--color-bronze-transparent,#cd7f3226);border:1px solid #cd7f324d;border:1px solid var(--color-bronze-transparent-border,#cd7f324d)}.leaderboardAvatarsSlider-submissions{display:flex;flex-wrap:wrap;gap:20px}.leaderboardAvatarsSlider-submission{background-color:var(--color-black-transparent-30);border-radius:10px;flex:1 1 300px;max-width:100%;padding:15px}.leaderboardAvatarsSlider-submissionTitle{border-bottom:1px solid var(--color-white-transparent-20);font-size:1.1rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.leaderboardAvatarsSlider-rankingList{display:flex;flex-direction:column;gap:10px}.leaderboardAvatarsSlider-rankedPlayer{align-items:center;background-color:var(--color-white-transparent-10);border-radius:8px;display:flex;padding:8px;transition:transform .2s}.leaderboardAvatarsSlider-rankedPlayer:hover{background-color:var(--color-white-transparent-15);transform:translateX(5px)}.leaderboardAvatarsSlider-playerRank{align-items:center;background-color:var(--color-black-transparent-50);border-radius:50%;display:flex;font-size:.8rem;font-weight:700;height:25px;justify-content:center;margin-right:10px;width:25px}.leaderboardAvatarsSlider-playerAvatar{border-radius:50%;height:35px;margin-right:10px;overflow:hidden;width:35px}.leaderboardAvatarsSlider-playerAvatar img{height:100%;object-fit:cover;width:100%}.leaderboardAvatarsSlider-playerDefaultAvatar{align-items:center;background-color:var(--color-grey-dark);display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.leaderboardAvatarsSlider-playerName{flex:1 1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboardAvatarsSlider-playerScore{color:var(--color-orange);font-weight:700;margin-left:auto}@media (max-width:768px){.leaderboardAvatarsSlider-players{flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow-x:auto;padding:15px 5px}.leaderboardAvatarsSlider-playerCard{flex-shrink:0;width:100px}}.roundThemeHeader{display:flex;text-align:center}.roundThemeHeader h2{color:var(--color-orange);font-size:2rem}.gameSelection{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;margin:20px 0;width:90%}.gameFinished{height:100%;padding:25px;width:100%}.gameFinished-header{margin:10px 0}.gameFinished-title{font-size:60px}.gameFinished-subtitle{font-size:44px;margin:10px 0}.gameFinished-summary-layout{font-size:28px}.gameFinished-summary{margin:10px 0}.gameFinished-summary b{color:var(--color-orange)}.gameFinished-ratings{font-size:22px;margin:20px auto 0;width:100%}.gameFinished-ratings-title{font-size:32px;margin-bottom:10px}.gameFinished-round-ratings{align-items:center;display:flex;justify-content:space-between}.gameFinished-nav-icon{background-color:var(--color-black);border-radius:50%;cursor:pointer;height:30px;padding:10px;transition:background-color var(--hover-duration-quick) ease-in-out;width:30px}.gameFinished-nav-icon:hover{background-color:var(--color-black-light)}.gameFinished-nav-icon.left{margin-right:10px}.gameFinished-nav-icon.right{margin-left:10px}.gameFinished-leaderboard{background-color:var(--color-background);border-radius:10px;flex:1 1;padding:10px}.gameFinished-leaveButton{background-color:var(--color-red);color:var(--color-white);transition:background-color var(--hover-duration-quick) ease-in-out}.gameFinished-leaveButton:hover{background-color:var(--color-red-dark)}.gameFinished-noGameData{color:var(--color-gray);font-size:18px;text-align:center}.roundButtons{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;width:100%}.roundBackButton{background-color:var(--color-orange);box-shadow:3px 4px var(--color-orange-dark);color:var(--color-white)}.roundBackButton:hover{background-color:var(--color-orange-dark);box-shadow:3px 4px var(--color-black)}.roundConfirmButton{background-color:var(--color-green);box-shadow:3px 4px var(--color-green-dark);color:var(--color-white)}.roundConfirmButton:disabled,.roundGoBackButton:disabled{cursor:not-allowed;opacity:.6}.roundConfirmButton:hover{background-color:var(--color-green-dark);box-shadow:3px 4px var(--color-black)}.roundGoBackButton{background-color:var(--color-red);box-shadow:3px 4px var(--color-red-dark);color:var(--color-white)}.roundGoBackButton:hover{background-color:var(--color-red-dark);box-shadow:3px 4px var(--color-black)}.gameChatRoom{background-color:var(--color-black-dark);border-radius:15px;display:flex;flex-direction:column;padding:15px 20px;transition:transform .3s}.gameChatRoom.no-animations{animation:none;transition:none}.gameChatRoomSettingsContent{color:var(--color-white);display:flex;flex-direction:column;flex-grow:1;font-size:1.5em;gap:10px}.gameChatRoomSetting{color:var(--color-white);font-size:1em;justify-content:space-between}.gameChatRoomSetting,.gameChatRoomSetting label{align-items:center;display:flex}.gameChatRoomSetting input[type=checkbox]{margin-right:10px}.gameChatRoomSetting select{flex:1 1;margin-left:10px;margin-right:10px}.gameChatRoomCheckbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--color-orange);border-radius:3px;cursor:pointer;height:20px;padding:10px;position:relative;transition:background-color .3s ease,border-color .3s ease;width:20px}.gameChatRoomCheckbox:checked{background-color:var(--color-orange);border-color:var(--color-orange)}.gameChatRoomCheckbox:checked:after{animation:checkmark .3s ease forwards;border:solid var(--color-white);border-width:0 2px 2px 0;content:"";height:12px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);width:6px}.gameChatRoomRange{-webkit-appearance:none;appearance:none;background:var(--color-orange-dark);border-radius:5px;flex:1 1;height:8px;margin-left:10px;margin-right:10px;outline:none;transition:opacity .2s;width:100%}.gameChatRoomRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-orange);border-radius:50%;cursor:pointer;height:25px;-webkit-transition:background-color .3s;transition:background-color .3s;width:25px}.gameChatRoomRange::-moz-range-thumb{-webkit-appearance:none;appearance:none;background:var(--color-orange);border-radius:50%;cursor:pointer;height:25px;-moz-transition:background-color .3s;transition:background-color .3s;width:25px}.gameChatRoomRange:hover::-webkit-slider-thumb{background-color:var(--color-white)}.gameChatRoomRange:hover::-moz-range-thumb{background-color:var(--color-orange-dark)}.gameChatRoomPreview{background-color:var(--color-white);border:1px solid var(--color-black-dark);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px}.gameChatRoomPreview .gameChatRoomUser{color:var(--color-orange);text-decoration:none}.gameChatRoomPreview .gameChatRoomUser:hover{color:var(--color-orange-dark)}.gameChatRoomHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.gameChatRoomHeader h2{margin:0}.gameChatRoomHeaderLayout{text-wrap:nowrap;align-items:center;display:flex;width:100%}.gameChatRoomSettings .gameIcon{border-radius:50%;padding:5px;transition:background-color .3s ease}.gameChatRoomSettings .gameIcon:hover{background-color:var(--color-black-light)}.gameChatRoomMessages{flex-grow:1;height:90%;margin-bottom:10px;overflow-y:auto}.gameChatRoomMessage{align-items:center;display:flex;margin-bottom:10px}.gameChatRoomMessage.fadeIn{animation:fadeIn .5s ease}.gameChatRoomAvatar{border-radius:50%;height:35px;margin-right:5px;padding:3px;width:35px}.gameChatRoomUser{color:var(--color-orange);margin-right:5px;text-decoration:none}.gameChatRoomUser:hover{color:var(--color-orange-dark)}.gameActionMessage{color:#888;font-style:italic}.gameActionText{display:block;text-align:center;width:100%}.gameChatRoomInput{align-items:center;display:flex;justify-content:space-between}.gameChatRoomInput input{border:1px solid var(--color-black-dark);border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}.gameChatRoomInput button{background-color:var(--color-orange);border:none;border-radius:5px;color:var(--color-white);cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.gameChatRoomInput button:hover{background-color:var(--color-orange-dark)}