.devise-card{border:1px solid #fff;padding:20px;width:350px;max-width:80%;min-width:250px;backdrop-filter:blur(8px)}.devise-form{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center}.devise-input{background-color:transparent;border:1px solid #fff;color:#fff;padding:5px;height:35px;width:250px;text-align:center}.devise-checkbox-section{display:flex;align-items:flex-start;gap:10px;cursor:pointer;user-select:none}.devise-checkbox-section input[type="checkbox"]{display:none}.devise-custom-checkmark{width:15px;height:15px;border:1px solid #fff;background-color:transparent;display:inline-block;transition:background-color 0.2s}.devise-checkbox-section input:checked+.devise-custom-checkmark{background-color:#fff}.devise-input::placeholder{color:#828282}.devise-links{display:flex;flex-direction:column;gap:15px;margin-top:20px;font-size:0.9rem}.devise-links a{color:#fff;font-size:0.9rem}.devise-links a:hover{text-decoration:underline}.displayable-password{position:relative}.displayable-password svg{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:18px;cursor:pointer;pointer-events:all}#gaming-hub-container{border:1px solid #fff;padding:20px;width:90%;min-width:350px;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center}#landing-page img{max-width:200px}#user-profile-container{border:1px solid #fff;padding:20px;width:90%;min-width:350px;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center}#notification-container a{color:#fff;font-weight:600}#notification-container a:hover{text-decoration:underline}.pending-request-actions{display:flex;align-items:center;justify-content:center;margin:10px;padding:10px;gap:10px}#friends-list-container{display:flex;flex-direction:column;gap:5px}.friends_list_item{color:#fff}.friends_list_item:hover{text-decoration:underline}.btn-empty,.btn-empty-small{border:1px solid #fff;height:35px;width:250px;padding:5px;color:#fff;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s linear}.btn-full,.btn-full-small{border:1px solid #fff;height:35px;width:250px;padding:5px;color:#000;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s linear}.btn-empty-small,.btn-full-small{width:unset;min-width:100px;max-width:250px}.btn-empty a,.btn-empty-small a{color:#fff;text-decoration:none;transition:all 0.2s linear}.btn-empty:hover,.btn-empty-small:hover{color:#000;background-color:#fff;transition:all 0.2s linear}.btn-empty:hover a,.btn-empty-small:hover a{color:#000;transition:all 0.2s linear}.btn-full a,.btn-full-small a{color:#000;text-decoration:none;transition:all 0.2s linear}.btn-full:hover,.btn-full-small:hover{color:#fff;background-color:transparent;transition:all 0.2s linear}.btn-full:hover a,.btn-full-small:hover a{color:#fff;transition:all 0.2s linear}.data-table{width:90%}.data-table-row{width:100%;background-color:rgba(0,0,0,0.5);color:#fff}.data-table-row a{color:#fff}.data-table-row:hover{background-color:#000;color:#fff}.data-table-row:hover a{color:#fff}.data-table-cell{display:flex;background-color:transparent;padding:5px;height:30px;gap:5px;justify-content:center;align-items:center}.data-table-cell svg{height:20px;width:20px;stroke:#31b450}.flash-bar{position:absolute;padding:10px 15px;margin-bottom:10px;border:1px solid transparent;border-radius:5px;text-align:center;left:20px;right:20px;top:100px;z-index:9999}.flash-bar a{text-decoration:underline}.notice{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.notice a{color:#155724}.alert{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert a{color:#721c24}.warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.warning a{color:#856404}.flash ul{margin-left:10px;text-align:left}.form{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center}.inline-form{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.form-inputs{background-color:transparent;border:1px solid #fff;color:#fff;padding:5px;height:35px;width:250px;text-align:center}#navbar{height:60px;width:100%;padding:5px 10px;display:flex;align-items:center;justify-content:end;position:fixed;top:0;left:0;z-index:1000;backdrop-filter:blur(8px);background-color:transparent}.nav-logo a img{display:flex;width:50px;object-fit:cover}#navbar ul{display:flex;gap:10px;list-style:none;text-align:center;justify-content:end;width:100%;margin-right:10px}#navbar ul li{display:flex;align-items:center}#navbar ul svg{height:32px;width:32px;stroke:#fff;position:relative}#navbar ul li a{color:#fff;text-decoration:none;position:relative}#navbar ul li a::after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:1px;background-color:#fff;transition:width 0.3s ease, left 0.3s ease;transform-origin:center}#navbar ul li a:hover::after{width:100%;left:0}#nav-language-selection{display:flex;gap:10px}.nav-flag-icon{cursor:pointer;display:flex}#navbar-user-icon-container{position:relative;display:inline-block}#notification-indicator{position:absolute;top:20px;right:0px;width:10px;height:10px;background-color:#ff0000;border-radius:50%;border:1px solid white;display:none}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;padding:10px;color:#fff}.bg-page{background-image:url(/assets/backgrounds/bg-d42f96113f973bfae2b6b5bfb4b28ca159389612ffe2687f7a9b462e53acbcda.webp);background-repeat:no-repeat;background-size:cover;background-position:center center}.white-underlined-title{width:90%;margin-bottom:20px;border-bottom:1px solid #fff}.responsive-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px}.responsive-section{display:flex;flex-direction:column;align-items:center;min-width:300px;margin-bottom:20px}h1{font-size:2rem;font-weight:600;margin-bottom:30px}h2{font-size:1.5rem;font-weight:400;margin-bottom:20px}h3{font-size:1.2rem;font-weight:400;margin-bottom:5px}@font-face{font-family:'Objective';src:url(/assets/Objective-Regular-1774cb027b1c006f0134cdef5e8fdaa80e0ccfa1e8ebfcb73e578ea28b9f0a53.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:'Objective';src:url(/assets/Objective-Bold-6a591c5859ccdd8ebc10b6118ece91077a2ea4f667357df1cb4c6878673e2ce4.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:"Pacifico";src:url(/assets/Pacifico-d2c27ad83a5c6757c648f945d01f62fb986703a73582fc7a9ccff20e73f7cfe9.ttf);font-display:swap}#navbar{height:60px;width:100%;padding:5px 10px;display:flex;align-items:center;justify-content:end;position:fixed;top:0;left:0;z-index:1000;backdrop-filter:blur(8px);background-color:transparent}.nav-logo a img{display:flex;width:50px;object-fit:cover}#navbar ul{display:flex;gap:10px;list-style:none;text-align:center;justify-content:end;width:100%;margin-right:10px}#navbar ul li{display:flex;align-items:center}#navbar ul svg{height:32px;width:32px;stroke:#fff;position:relative}#navbar ul li a{color:#fff;text-decoration:none;position:relative}#navbar ul li a::after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:1px;background-color:#fff;transition:width 0.3s ease, left 0.3s ease;transform-origin:center}#navbar ul li a:hover::after{width:100%;left:0}#nav-language-selection{display:flex;gap:10px}.nav-flag-icon{cursor:pointer;display:flex}#navbar-user-icon-container{position:relative;display:inline-block}#notification-indicator{position:absolute;top:20px;right:0px;width:10px;height:10px;background-color:#ff0000;border-radius:50%;border:1px solid white;display:none}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;padding:10px;color:#fff}.bg-page{background-image:url(/assets/backgrounds/bg-d42f96113f973bfae2b6b5bfb4b28ca159389612ffe2687f7a9b462e53acbcda.webp);background-repeat:no-repeat;background-size:cover;background-position:center center}.white-underlined-title{width:90%;margin-bottom:20px;border-bottom:1px solid #fff}.responsive-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px}.responsive-section{display:flex;flex-direction:column;align-items:center;min-width:300px;margin-bottom:20px}h1{font-size:2rem;font-weight:600;margin-bottom:30px}h2{font-size:1.5rem;font-weight:400;margin-bottom:20px}h3{font-size:1.2rem;font-weight:400;margin-bottom:5px}*{padding:0;margin:0;text-decoration:none;box-sizing:border-box;font-family:"Objective", sans-serif;font-size:1rem}body{overflow-x:hidden}html{scroll-behavior:smooth}.translation_missing{color:#ff0000;text-decoration:line-through}
