:root{--blue:#33f;--charcoal:#3c3c3c;--green:#00b300;--red:#c80815;--white:#fff;--black:#000;--background-color:#fff;--text-color:var(--black);--logo-color:var(--charcoal);--link-color:blue;--visited-link-color:purple;--footer-text-color:var(--charcoal);--footer-link-color:var(--red);--rating-good-color:var(--green);--rating-okay-color:var(--blue);--rating-none-color:var(--charcoal);--rating-bad-color:var(--red);--rating-text-color:var(--white);--player-icon-size:1em;--game-height:96px;--game-spacing:40px;--footer-height:1.5em;--rating-box-large-size:40px;--rating-box-small-size:25px}@media (prefers-color-scheme:dark){:root{--whitish:#ccc;--background-color:#222;--text-color:var(--whitish);--logo-color:var(--whitish);--link-color:#5fafff;--visited-link-color:#af5fff;--footer-text-color:var(--whitish)}input{background-color:#444;color:var(--text-color)}img[src$=".svg"i]{filter:invert(88%) sepia(0%) saturate(1035%) hue-rotate(352deg) brightness(98%) contrast(82%)}}body{background-color:var(--background-color);color:var(--text-color);font-family:-system-ui,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;min-height:100vh;margin:0;display:grid;grid-template-rows:auto 1fr auto}a{color:var(--link-color)}a:visited{color:var(--visited-link-color)}li,ul{list-style:none;padding:0}header{background-color:var(--background-color);padding:1em}header h1,header h4{color:var(--logo-color);margin:0}div#content{display:grid;grid-column-gap:1em;grid-template-columns:300px 800px;height:100%;max-width:1100px;margin:0 auto;padding:0 1em}div#left-column{grid-column:1;margin:1em 0 0;padding:0}div#left-column h3{margin-bottom:0}div#left-column h4{margin:0}div#left-column ul{margin:.5em 0}div#left-column input.range-value{width:2em}div.player input[type=checkbox]{margin-right:6px}div.player div,div.player label{display:inline-block}div.player div img{height:var(--player-icon-size);width:var(--player-icon-size)}@keyframes spinner{from{transform:rotate(0)}to{transform:rotate(359deg)}}div.player img.loading-icon{animation-duration:1s;animation-name:spinner;animation-iteration-count:infinite;animation-timing-function:linear}div.player img.trash-icon{cursor:pointer}div#main-content{grid-column:2}div#no-results{margin-top:1em}div.game{display:grid;grid-column-gap:1em;grid-template-columns:100px 400px 300px;min-height:var(--game-height);margin-bottom:var(--game-spacing)}div.game div.thumbnail-box{grid-column:1;margin-bottom:auto}div.game div.thumbnail-box img{display:block;margin:2px auto auto;max-height:var(--game-height);max-width:var(--game-height)}div.rating-box-large{height:var(--rating-box-large-size);width:var(--rating-box-large-size);margin-right:1em}div.rating-box-small{height:var(--rating-box-small-size);width:var(--rating-box-small-size);margin-right:.5em;font-size:.8em}div.rating-box-bad,div.rating-box-good,div.rating-box-none,div.rating-box-okay{border-radius:3px;color:var(--rating-text-color);display:inline-block;text-align:center;vertical-align:middle}div.rating-box-good{background-color:var(--rating-good-color)}div.rating-box-okay{background-color:var(--rating-okay-color)}div.rating-box-none{background-color:var(--rating-none-color)}div.rating-box-bad{background-color:var(--rating-bad-color)}div.game h3{display:grid;justify-content:start;font-weight:400;line-height:var(--rating-box-large-size);margin:0 0 .25em}div.game h3 a{grid-column:2;vertical-align:middle}div.game div.gameplay{display:grid;grid-column-gap:1em;justify-content:center;grid-template-columns:repeat(2,1fr);margin-bottom:.25em}div.game div.gameplay div{height:24px;text-align:center}div.game div.gameplay div img{display:inline-block;margin-right:.5em}div.game div.gameplay p{display:inline-block;height:24px;margin:0}div.player-ratings{grid-column:3;line-height:var(--rating-box-small-size);font-size:.8em;width:150px}div.game ul{font-size:.9em}img.icon{width:24px;height:24px}footer{background-color:var(--background-color);color:var(--footer-text-color);height:var(--footer-height);text-align:center}footer a{color:var(--footer-link-color)}