@charset "UTF-8";@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}form{background-color:#333;color:#fff;display:grid;grid-template-columns:auto min-content;grid-row-gap:10px;max-width:30em;margin:5em auto;padding:1em;border-radius:1em}form label{display:flex;flex-direction:column;grid-column:1;padding-left:1rem}form label a{color:#fff;text-decoration:none}form label input[type=checkbox]{display:none}form input[type=checkbox]+:before{content:"";display:block;width:.8em;height:.8em;margin-top:.1em;margin-right:.3em;float:left;border:2px solid #fff;border-radius:.3em}form input[type=checkbox]:checked+:before{background-color:#fff;box-shadow:0 0 0 2px #333 inset}form input[type=text]{border:none;padding:.3em;margin-top:.3em;margin-left:-1rem;font-size:1.3em;height:1.4em;text-indent:.5em;border-top-left-radius:10px;border-bottom-left-radius:10px}form button{grid-row:1;grid-column:2;height:2em;width:5em;font-size:1.3em;align-self:end;border:none;background-color:#666;color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;position:relative}form button:hover{background-color:#999;cursor:pointer}form button::before{content:"";position:absolute;width:0;height:0;left:-.75em;top:0;border-top:1em solid transparent;border-bottom:1em solid transparent;border-right:.75em solid #666}form button:hover::before{border-right-color:#999}.games{display:grid;gap:1rem}.games p{padding-left:0;padding-right:0}.games .columnsub{font-style:italic;padding-left:1rem}.games .columnsub .num::after{content:" games"}@media (min-width:45rem){.games{grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr))}}.descending::after{content:"▼"}.ascending::after{content:"▲"}section.gamelist article{border:2px solid #333;margin:1em;padding:.5em;padding-bottom:1.2em;overflow-x:hidden;display:grid;grid-template-columns:min-content auto;grid-template-areas:"image ." "image ." "image .";column-gap:1em}section.gamelist article img{grid-area:image;width:32px;height:32px;background-color:#333}section.gamelist article p{margin-top:.2em;margin-bottom:.2em;overflow:hidden}section.gamelist article p.gametime_hrs{font-size:.8em;font-style:italic;text-indent:1rem}section.gamelist article h3{font-size:1rem;margin-top:0;margin-bottom:.3em;padding-left:0}section.gamelist article h3,section.gamelist article p{grid-column:2}html{height:100vh}body{margin:0 .3em;background-color:#333;font-family:Montserrat,sans-serif;min-height:100vh;display:grid;grid-template-columns:auto minmax(min-content,47em) auto;grid-template-rows:min-content auto min-content;grid-template-areas:". header ." ". main ." ". footer ."}h2{padding-top:.5em;padding-bottom:.5em;background-color:#333;color:#fff}a{color:inherit}a:hover{background-color:#999}a.circle{display:inline-block;background-color:#fff;color:#333;width:1rem;height:1rem;text-align:center;line-height:1rem;border-radius:50%;font-size:.8rem;font-weight:700;vertical-align:.2rem}a.circle:hover{background-color:#aaa}body>header{background-color:#333;color:#fff;padding-top:1em;grid-area:header}body>header h1{margin-top:0}body>header h1 a{color:inherit;text-decoration:none;padding:0 2rem}main{grid-area:main;background-color:#fff;overflow:auto;padding-bottom:4rem}section{margin-bottom:1em}section h2,section h3,section p{padding-left:2rem;padding-right:1rem}section ol{padding-left:5rem}section ol p{padding-left:0}.loading{display:none}.loading img{display:block;margin:0 auto}.loading.active{display:block}.error{display:none}.error.active{display:block}.summary{display:none}.summary span{font-weight:700}.summary.active{display:block}footer{grid-area:footer;background-color:#333;color:#fff;text-align:center;padding-top:.5em;padding-bottom:2em}footer a{color:#fff;font-size:.6rem;text-decoration:none;padding:.5em 2em}