:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(.7rem,2vw,1rem);--primary-bg-color: #242a36;--secondary-bg-color: #232730;--tertiary-bg-color: #1a1919;--primary-text-color: white;--border-color: #283b64}.light-theme{--primary-bg-color: #b3dbe6;--secondary-bg-color:#9bd4e4;--primary-text-color: black;--border-color: #f7f7f7}body{margin:0;height:100dvh;background-color:var(--primary-bg-color);color:var(--primary-text-color)}#root{height:100%}p,h1,h2,h3,h4,h5,h6{margin:0}.header-title{text-align:center}.bold{font-weight:700}ul{padding:0}.ul-dash{list-style-type:"- "}.text-green{color:green}.text-red{color:red}button{font-size:inherit}#app-container{display:flex;flex-direction:column;height:100%;padding:1rem clamp(1rem,10vw,5rem) 2rem;box-sizing:border-box}#page-container{flex:1;padding:3rem clamp(1rem,5vw,6rem);background-color:var(--secondary-bg-color);border-radius:2rem}#main-navbar{display:flex;flex-direction:row;padding:1rem 1rem 2rem;font-size:clamp(.4rem,2vw,1.5rem)}#main-navbar-left,#main-navbar-right{display:flex;flex-direction:row;gap:clamp(.5rem,2vw,2rem)}#main-navbar-right{margin-left:auto}#main-navbar a{color:inherit;text-decoration:none}#main-navbar a.active{text-decoration:underline}#dark-mode-toggle{overflow:hidden;margin:0;opacity:0;height:0;width:0}#dark-mode-icon svg{width:clamp(1rem,2vw,2rem);height:clamp(1rem,2vw,2rem)}#dark-mode-icon:hover{opacity:70%}#playable-area{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;color:#000;background-color:#add8e6}#target{position:absolute;line-height:1;border:none;background:transparent;padding:0;font-size:8vh}#start-screen,#gameover-screen{flex:1;display:flex;flex-direction:column;justify-content:center}#score-timer-container{display:flex;flex-direction:row;gap:5rem}.game-button{border-radius:20px;border-width:5px;border-color:#000;background-color:coral;color:inherit;font-weight:700}#homepage-container{display:flex;flex-direction:column;gap:3rem;padding:2rem}#homepage-message{text-align:center}#homepage-container .section{margin:auto;padding:2rem;background-color:var(--primary-bg-color)}#store-container{display:flex;flex-direction:column;gap:2rem}#store-sort-and-search-bar-container{display:flex;flex-direction:row;justify-content:right;gap:1rem;height:4rem;padding:0 1rem;border:3px solid var(--border-color);border-radius:.7rem;background-color:var(--primary-bg-color)}#store-sort-and-search-bar-container .search-bar-container{background-color:var(--primary-bg-color)}#store-collapsible{max-height:20rem;background-color:var(--primary-bg-color);border:5px solid var(--border-color)}#store-list-grid{display:grid;grid-template-columns:repeat(auto-fill,20%);max-height:30rem;overflow-y:scroll}#store-gamecard{flex:1;display:flex;flex-direction:row;max-height:15rem;gap:1rem;font-size:clamp(.5rem,2vw,1rem);background-color:var(--primary-bg-color);padding:.5rem}#store-gamecard-cover{flex:1;min-width:0;min-height:0}#store-gamecard-cover img{aspect-ratio:1/1}#store-gamecard-info{flex:2}#store-gamecard-buttons{display:flex;flex-direction:row;gap:.5rem}#store-minigamecard{display:flex;flex-direction:column;max-width:10rem;max-height:20rem;font-size:clamp(.3rem,1vw,.8rem);background-color:var(--primary-bg-color)}#store-minigamecard-info{display:flex;flex-direction:column;gap:.5rem}#store-minigamecard-info:hover{cursor:pointer}#store-minigamecard-info .header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1rem}#store-minigamecard img{aspect-ratio:1/1}#store-minigamecard-buttons{display:flex;flex-direction:column;background-color:var(--primary-bg-color)}.sort-dropdown-container{display:flex;flex-direction:column;justify-content:center;gap:.2rem;width:fit-content;padding:.2rem .3rem}.search-bar-container{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;--hover-outline: 1px solid grey;--focus-outline: 1px solid lightgrey}.search-bar-container input{padding:.2rem .5rem;border-radius:1rem;border-color:transparent;outline:transparent}.search-bar-container input:hover{outline:var(--hover-outline)}.search-bar-container input:focus{outline:var(--focus-outline)}#library-list{display:flex;flex-direction:column;gap:1.5rem}#empty-library{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#library-gamecard{display:flex;flex-direction:row;max-width:40rem;max-height:16rem;gap:1rem;font-size:clamp(.5rem,1.5vw,1rem);background-color:var(--primary-bg-color);padding:.5rem}#library-gamecard-cover{flex:1;min-width:0}#library-gamecard-info{flex:2;min-width:0;display:flex;flex-direction:column}#library-gamecard img{aspect-ratio:2/1}#library-gamecard-info-metadata{display:flex;flex-direction:row;gap:1.5rem}#library-gamecard p{font-size:inherit}#library-gamecard hr{width:100%}#library-gamecard-buttons{display:flex;flex-direction:row;gap:.5rem}#news-list{display:flex;flex-direction:column;gap:1rem}#news-list .section{padding:1rem 2rem;border-radius:1rem;border:3px solid var(--border-color);background-color:var(--primary-bg-color)}.sidebyside-container{display:flex;flex-direction:row;padding:1rem;gap:1rem;border-radius:1.5rem;width:60%;margin:auto;background-color:var(--border-color)}.sidebyside-container .sidebyside-left,.sidebyside-container .sidebyside-right{display:flex;flex-direction:column;flex:1}.sidebyside-container img{max-width:100%;height:100%}.single-image-container{width:50%;padding:1rem;border-radius:1.5rem;margin:auto;background-color:var(--border-color)}.single-image-container img{max-width:100%}#profile-page-container{width:100%;height:100%;display:flex;flex-direction:column}#profile-card{display:flex;flex-direction:row;gap:1rem;margin-right:auto;padding:1rem;border-radius:1rem 1rem 5rem;background-color:var(--primary-bg-color)}#profile-info-container{display:flex;flex-direction:column;gap:.4rem;align-items:center}#profile-info-container button{width:fit-content}#profile-pic-container{display:flex;flex-direction:column;max-width:4rem;border:var(--border)}#profile-pic-container img{aspect-ratio:2/3}#auth-form{width:15rem;height:fit-content;display:flex;flex-direction:column;margin:auto;padding:2rem;border-radius:2rem;border:3px solid var(--border-color);background-color:var(--primary-bg-color)}#input-with-toggle-container{display:flex;flex-direction:column}#toggle-and-text{display:flex;flex-direction:row;gap:.5rem}#error-page,#restrictedResource-page,#loading-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}.game-container{width:100%;height:100%;display:flex;flex-direction:column;font-size:clamp(1rem,5vw,3rem)}.playable-area-container{flex:1;display:flex;flex-direction:column}