::-webkit-scrollbar-thumb{border-radius:30px}:root{--topbar-allocated-space:56px;--sidebar-allocated-space:170px;--footer-allocated-space:240px;scrollbar-color:black #1a1a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:linear-gradient(-35deg,var(--bg-color-first),var(--bg-color-second));color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color:#3f3f46;--bg-color-first:#000e1a;--bg-color-second:#001e38;--bg-primary:#f4f4f5;--bg-secondary:#d4d4d8;--text-primary:#27272a;--text-secondary:#3f3f46;--button-primary:#002d55;--button-secondary:#002342;--button-outstand-hover:#01efac;--button-outstand:#2082a6;--category-primary:#00313f;--category-secondary:#00192f;--accent-primary:#3b82f6;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{width:100%;min-height:100vh}.App{gap:calc(var(--topbar-allocated-space) + 50px);flex-direction:column;min-height:100%;display:flex}.view{width:100%;max-width:1920px;top:var(--topbar-allocated-space);text-align:left;background:0 0;flex:1 0 auto;justify-content:space-between;margin:0 auto;display:flex;position:relative}.footer-container{flex:none}.content{max-width:1920px;width:calc(100% - var(--sidebar-allocated-space));box-sizing:border-box;border:0;flex-direction:column;min-height:100vh;margin:0 auto;padding:15px;display:flex}@media screen and (max-width:530px){.content{width:100%}}#main-view{scroll-margin-top:var(--topbar-allocated-space)}html.dark-mode{--color:#d4d4d8;--bg-color-first:#000e1a;--bg-color-second:#002546;--bg-primary:#27272a;--bg-secondary:#3f3f46;--text-primary:#f4f4f5;--text-secondary:#d4d4d8;--button-outstand:#01cbae;--button-outstand-hover:#01efac;--button-primary:#002d55;--button-secondary:#002342;--category-primary:#00313f;--category-secondary:#00192f;--accent-primary:#01cbae}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--accent-primary)}body{place-items:center;min-width:100%;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.stylized-button{background-color:var(--bg-primary);border-radius:10px}.stylized-button:hover{border:1px solid var(--accent-primary)}.navbar-container{background-color:calc(var(--bg-primary)*.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;height:var(--topbar-allocated-space);z-index:1002;border-bottom:2px solid #0000004d;flex-direction:row;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 3px 10px 5px #0000004d}.navbar-container .logo{flex-direction:row;flex:auto;align-items:center;padding-left:10px;display:flex}.navbar-container .logo img{width:40px;height:40px}.navbar-container .logo p{width:fit-content;font-size:1.25rem;font-weight:700}.navbar-container .profile{padding-right:20px}.navbar-container .profile .login-actions{flex-direction:row;align-items:center;gap:10px;display:flex}.navbar-container .profile .login-actions .login-button{color:var(--bg-color-first);background-color:var(--button-outstand);border:2px solid var(--button-outstand);border-radius:10px;padding:3px 10px;font-weight:600;transition:all .2s}.navbar-container .profile .login-actions .login-button:hover{background-color:var(--button-outstand-hover);border:2px solid var(--button-outstand-hover)}.navbar-container .profile .login-actions .signup-button{color:var(--button-outstand);background-color:var(--bg-color-first);border:2px solid var(--button-outstand);border-radius:10px;padding:3px 10px;font-weight:600;transition:all .2s}.navbar-container .profile .login-actions .signup-button:hover{border:2px solid var(--button-outstand-hover);color:var(--button-outstand-hover)}.sidebar{background-color:calc(var(--bg-primary)*.3);width:var(--sidebar-allocated-space);max-height:calc(100% - var(--topbar-allocated-space));z-index:1001;scrollbar-color:#00000080 transparent;border-right:2px solid #0000004d;flex-shrink:0;transform:translateZ(0)}@media screen and (max-width:530px){.sidebar{display:none}.sidebar .sidebar-show{display:block}}.sticky-side{width:auto;max-height:100vh;top:calc(20px + var(--topbar-allocated-space));bottom:calc(100% - var(--footer-allocated-space));max-height:calc(100vh - var(--topbar-allocated-space));background:0 0;padding-top:10px;padding-bottom:20px;position:sticky;overflow-y:auto}.content-sections-nav{width:auto;padding:0;list-style:none;transition:all .2s;position:relative}.content-sections-nav li{width:100%}.content-sections-nav li button{width:100%;color:var(--color);text-align:left;background:0 0;border:none;padding-left:25px;font-weight:600;text-decoration:none;transition:all .2s}.content-sections-nav li button.active{background-color:#0003}.content-sections-nav li button:not(.active):hover{color:var(--accent-primary);background-color:#0000001a}.space{margin-top:24px}.nav-links{margin:0;padding:0;list-style:none}.nav-links li{width:auto;position:relative}.nav-links-link{width:auto;color:var(--color);font-weight:600;text-decoration:none;transition:all .2s}.nav-links-link div{flex-direction:row;align-items:center;gap:5px;padding:5px 8px;transition:all .2s;display:flex}.nav-links-link div.active{background-color:#0003}.nav-links-link div:not(.active):hover{color:var(--accent-primary);background-color:#0000001a}.nav-links-button{background-color:var(--button-outstand);color:#000;text-align:center;border-radius:10px;width:calc(100% - 30px);margin:0 auto;padding:5px;font-weight:600;transition:all .2s;box-shadow:0 3px 3px 5px #0000004d}.nav-links-button:hover{background-color:var(--button-outstand-hover)}.footer-container{background-color:var(--bg-color-first);width:100%;height:var(--footer-allocated-space);border-top:2px solid var(--bg-color-second)}.contact-card{width:350px;height:100px;transition:all .3s}.contact-card a{background-color:var(--button-primary);border-radius:10px;grid-template-columns:20% 80%;align-items:center;width:100%;height:100%;display:grid;box-shadow:0 4px 4px 4px #0000004d}.contact-card:hover{border-color:1px solid var(--accent-primary);transform:translateY(-7px)}.contact-card-icon{grid-column:1;justify-content:center;align-items:center;padding:0;display:flex}.contact-card-icon img{aspect-ratio:1;width:40px}.contact-card-info{grid-column:2;padding:0}.contact-card-info h3{text-align:left;width:100%;color:var(--text-primary);margin:0;font-size:medium}.contact-card-info p{text-align:left;width:100%;color:var(--text-secondary);margin:0}.main-button,.outstand-news-right #download{color:var(--bg-color-first);background-color:var(--button-outstand);border:2px solid var(--button-outstand);border-radius:10px;padding:10px;font-weight:600;transition:all .2s}.main-button:hover,.outstand-news-right #download:hover{background-color:var(--button-outstand-hover);border:2px solid var(--button-outstand-hover)}.secondary-button,.outstand-news-right #more{color:var(--button-outstand);background-color:var(--bg-color-first);border:2px solid var(--button-outstand);border-radius:10px;padding:10px;font-weight:600;transition:all .2s}.secondary-button:hover,.outstand-news-right #more:hover{border:2px solid var(--button-outstand-hover);color:var(--button-outstand-hover)}.scroll-margin,.section-games,.section-contact,.section-news{scroll-margin-top:var(--topbar-allocated-space)}.home-view{flex-direction:column;gap:30px;display:flex}.section-contact{border-top:2px solid #80808033}.section-contact .section-contact-cards{flex-flow:wrap;justify-content:center;gap:25px;height:fit-content;display:flex}.section-games{border-top:2px solid #80808033}.section-games .section-games-cards{flex-flow:wrap;justify-content:center;gap:25px;display:flex}.section-header{text-align:center;margin:40px 0}.section-header h2,.section-header p{margin:0}.outstanding-news{text-align:center;background-color:#0000004d;border-radius:10px;flex-direction:row;width:75%;margin:0 auto;padding:20px;display:flex;overflow:hidden}@media screen and (max-width:767px){.outstanding-news{flex-direction:column}}.outstand-news-left{aspect-ratio:16/9;width:500px}@media screen and (max-width:767px){.outstand-news-left{width:100%}}.outstand-news-left .react-player{width:100%;height:100%}.outstand-news-right{flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:15px;display:flex}.title{width:fit-content;margin:0;font-size:x-large;font-weight:700}.summary{margin:0}.platforms{color:var(--text-secondary);margin:0}.actions{flex-direction:row;justify-content:center;align-items:center;gap:15px;width:fit-content;min-height:50px;margin-top:30px;display:flex}.game-card{aspect-ratio:16/9;background-color:var(--button-primary);border-radius:5px;align-items:center;width:350px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 4px 4px #0000004d}.game-card:hover{border-color:1px solid var(--accent-primary);transform:translateY(-7px)}.game-card:hover .game-card-info{background-color:#000c;bottom:0}.game-card-icon{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:absolute;top:0;left:0}.game-card-icon img{width:100%}.game-card-info{background-color:#00000080;width:100%;height:100%;transition:all .2s;position:absolute;bottom:-80%;left:0}.game-card-info h3{text-align:left;color:var(--text-primary);margin:2px 10px;font-size:1.5rem;position:relative}.game-card-info p{text-align:left;color:var(--text-secondary);margin:10px}.game-card-info:hover h3{margin:10px}.game-card-info-bottom{flex-direction:row;width:100%;display:flex;position:absolute;bottom:0;left:0}.game-card-info-bottom p{flex:auto;font-weight:700}.platform-tag{border:2px solid var(--accent-primary);background-color:#00000080;border-radius:10px;flex-direction:row;gap:10px;height:fit-content;margin-right:10px;padding:5px 10px;display:flex}.platform-tag img{aspect-ratio:1;filter:invert();width:20px}.platform-tag p{margin:0}