html,select{cursor:url(/img/top100cursor.cur),auto}h1,h2,h3,p{cursor:url(/img/top100cursor-text.cur),auto;margin-top:1rem;margin-bottom:1rem}a,button,.link{cursor:url(/img/top100cursor-link.cur),auto}#filter{display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:1.3rem}#filter .filter-item{display:flex;align-items:center;justify-content:center;gap:12px}#filter input,#filter select{border:1px solid var(--accent);border-radius:5px;background-color:var(--bglightshade);padding:0.3rem;min-width:100px;width:100%}header{display:grid;height:100vh;grid-template-rows:auto 1fr;justify-items:right;background-color:var(--bgdark);background-image:url(/img/top100bg.jpg);background-size:cover;background-repeat:no-repeat;border-bottom:5px solid var(--accent)}@media screen and (max-width: 1260px){header{background-image:none;background-color:#222222;justify-items:center}}header section{height:100vh;max-width:660px;background:color-mix(in srgb, var(--bgdark) 10%, transparent);padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-top:0.7rem;margin-right:5.2vw;border-left:0.5rem solid color-mix(in srgb, var(--bgdark) 5%, transparent)}.top100logo{filter:sepia(70%);width:30rem;margin-left:-1rem;margin-top:calc(3vh + 3vw);margin-bottom:2vh}header section{color:var(--bgdark)}header section h1,header section h2,header section a{color:var(--bgdark)}main{padding-inline:2.2rem;padding-top:1.3rem}.top100{display:grid;list-style:none;gap:1rem;grid-template-columns:repeat(10, 1fr);padding:0}@media screen and (max-width: 1260px){.top100{grid-template-columns:repeat(5, 1fr)}}@media screen and (max-width: 500px){.top100{grid-template-columns:repeat(2, 1fr)}}.top100 button{padding:0;border-radius:10px;transition:scale .1s;will-change:scale;width:100%;font-size:0.8rem}.top100 button:not(.disabled):hover{scale:1.2}.top100 button.disabled{opacity:0.2}.top100 button a{border-bottom:none;background-color:none}.top100 button a:hover{border-bottom:none;background-color:none}button .lbl{background:var(--accent);border-radius:6px;padding:0.2rem}button .lbl.tier-S{background-color:green}button .lbl.tier-A{background-color:#a6e1a6;color:black}button .lbl.tier-B{background-color:#e1e173;color:black}button .lbl.tier-C{background-color:#e8b98a;color:black}button .lbl.tier-D{background-color:darkred}.top100 .coverimg{width:100%;height:10.7vw;border-radius:5px}@media screen and (max-width: 1260px){.top100 .coverimg{height:20vw}}@media screen and (max-width: 500px){.top100 .coverimg{height:47vw}}.top100 li .lbl{position:absolute;left:4px;top:4px}.lightbox{visibility:hidden;display:flex;opacity:0;width:100%;transition:opacity 0.5s ease-out;position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);color:black}.lightbox:target{visibility:visible;opacity:1}.lightbox:hover{background:rgba(0,0,0,0.8);color:black}.lightbox-close{width:50%;height:100%;display:block}@media screen and (max-width: 500px){.lightbox-close{width:20%}}.lightbox-close:hover{background:none}.lightbox-container{overflow:scroll;border-left:0.7rem solid var(--accent);padding-left:1.5rem;padding-right:1.5rem;padding-bottom:2rem;background:var(--bgdark);display:block;width:50%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 500px){.lightbox-container{width:80%}}.lightbox .sidebar-game-cover{float:right;width:40%}.categories kbd{background-color:#5d5c43;color:var(--bgdark)}.screenshot-gallery{display:grid;gap:16px;grid-template-columns:repeat(3, 1fr);margin-block:32px}.screenshot-gallery>:first-child{grid-column:span 3}rect{fill:var(--accent);stroke-width:1px;transition:0.3s ease}rect:hover{fill:var(--bgdark)}text.small{font:normal 13px sans-serif;fill:var(--accent)}

/*# sourceMappingURL=top100.css.map */