:root{--dark: #363835;--light: #e5e7eb;--green: #53FF40;--black: #111211}html,body,#root{height:100%}body{background-color:var(--dark);color:var(--light);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0}a{text-decoration:none;color:var(--green);outline:none}.app{display:flex;flex-direction:column;height:100%}.app .content{flex:1;display:flex}.container{padding:1rem;width:100%;overflow:hidden}.breadcrumb{display:flex;gap:.5rem;padding-bottom:1rem;border-bottom:1px dashed var(--black);margin-bottom:1rem}.breadcrumb p{display:inline;margin:0}.mb-1{margin-bottom:1rem!important}ul{padding:0}li{list-style:none;padding-left:20px;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%2012c-1.5-1.5-1.5-3.5%200-5s3.5-1.5%205%200%201.5%203.5%200%205'%20fill='%23222'%20stroke='%234CAF50'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M17%2012c1.5-1.5%201.5-3.5%200-5s-3.5-1.5-5%200-1.5%203.5%200%205'%20fill='%23222'%20stroke='%234CAF50'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M7%2012c-1.5%201.5-1.5%203.5%200%205s3.5%201.5%205%200%201.5-3.5%200-5'%20fill='%23222'%20stroke='%234CAF50'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M17%2012c1.5%201.5%201.5%203.5%200%205s-3.5%201.5-5%200-1.5-3.5%200-5'%20fill='%23222'%20stroke='%234CAF50'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat left center;background-size:16px}.default-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:minmax(100px,300px);gap:1rem}.spinner-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.scroll-to-top{position:fixed;bottom:2.2rem;right:1rem;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.scroll-to-top.visible{opacity:1;pointer-events:auto}.scroll-to-top-button{display:flex;align-items:center;justify-content:center;background:var(--dark);border:1px solid var(--light);color:var(--light);width:40px;height:40px;border-radius:.5rem;padding:.3rem 0 0}.scroll-to-top-button i{font-size:1.2rem;line-height:1}.loading-text{display:inline-block;color:var(--light);background:linear-gradient(90deg,#2f302f 25%,#363835,#2f302f 75%);background-size:200% 100%;padding:.3rem .5rem;animation:pulse 1.5s infinite;border-radius:.2rem;border-bottom:solid 1px var(--light);border-left:solid 1px var(--light);box-shadow:inset 4px 4px 8px #2c2d2c,inset -4px -4px 8px #3e403d}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (min-width: 720px){.scroll-to-top{display:none}}button:disabled{opacity:.5;cursor:default!important}.dashboard-page>a{max-height:300px}.category-block{position:relative;width:100%;height:100%;min-width:200px;max-height:300px;border:solid 1px var(--black);cursor:pointer;overflow:hidden}.category-block:hover{border:solid 1px rgba(0,0,0,.2)}.category-block h4,.category-block p{position:absolute;left:50%;transform:translate(-50%);bottom:5%;margin:0}.category-block h4{background-color:#fff9;box-shadow:0 0 10px #fff6;color:var(--dark);padding:0 50px 1rem;transition:background-color .3s ease-in-out,padding .3s ease-in-out;font-size:x-large;white-space:nowrap}.category-block p{color:var(--black);padding-bottom:.1rem;transition:opacity .2s ease-in;opacity:.6}.category-block:hover h4{background-color:#ffffff1a;color:var(--light);padding:.1rem 200px}.category-block:hover p{opacity:0}.category-block:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:filter .3s ease-in-out;filter:grayscale(100%)}.category-block:hover:before{filter:grayscale(0)}.category-block.coop:before{background-image:url(/assets/coop_tiny-BlztiQaT.jpg)}.category-block.dark-souls:before{background-image:url(/assets/dark-souls-BpbJIKsQ.jpg)}.category-block.nightreign:before{background-image:url(/assets/nightreign-DiWPEpSe.jpg)}header{border-bottom:solid 1px var(--green);background-color:#0000004d;padding:1rem}header ul{display:flex;margin:0;padding:0;list-style:none;font-size:large}header li{background:none;padding:0}.uc-home{position:relative;background-image:url(/assets/uc-home-7VDxWd55.webp);width:60px;height:60px;background-size:cover}.flame{position:absolute;width:8px;height:10px;background:radial-gradient(circle,#7CFC00,transparent);border-radius:50%;animation:flicker 3s infinite alternate;opacity:.1}.uc-home:hover .flame{animation:flickerHigh 3s infinite alternate}.flame.left{top:7px;left:4px}.flame.right{top:7px;right:3px}@keyframes flicker{0%{transform:scaleY(1) scaleX(1);opacity:.1}50%{transform:scaleY(1.2) scaleX(.9);opacity:.5}to{transform:scaleY(.9) scaleX(1.1);opacity:.1}}@keyframes flickerHigh{0%{transform:scaleY(1) scaleX(1);opacity:.8}50%{transform:scaleY(1.2) scaleX(.9);opacity:1}to{transform:scaleY(.9) scaleX(1.1);opacity:.7}}footer{display:flex;justify-content:center;border-top:solid 1px rgba(0,0,0,.1);padding:.3rem}footer small{margin-right:.2rem}footer small:not(:first-child):before{content:" - "}.filter-list{margin-bottom:1rem}.filter-list button{background-color:var(--dark);color:var(--light);cursor:pointer}.filter-list button{display:inline-block;margin:0;padding:.5rem 2.3rem;border:solid 1px var(--black)}.filter-list button:not(:first-child){margin-left:1rem}@media screen and (min-width: 720px){.filter-list button{margin:0 1rem 1rem 0;padding:.5rem 3rem}}.filter-list button.active{border:solid 1px var(--green)}.filter-list ul{display:none}.filter-list li{background:none;padding:0}.filter-list li,.filter-list label{width:100%}@media screen and (min-width: 720px){.filter-list li,.filter-list label{width:auto}}.filter-list ul.active{display:flex;flex-flow:row wrap;list-style:none;margin:0;padding:0}.filter-list label{cursor:pointer}.filter-list label{display:inline-flex;margin:.1rem 1rem .1rem 0;padding:.2rem;min-width:200px;border:solid 1px var(--black)}.filter-list label:has(.filter-checkbox:checked){border-color:var(--green)}.filter-checkbox{margin-right:.5rem;width:18px;height:18px;cursor:pointer;border:2px solid var(--black);border-radius:4px;position:relative;background-color:var(--dark);-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-checkbox:checked{background-color:var(--dark)}.filter-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}button.clear-filters{opacity:.2;border:solid 1px var(--light);width:100%;margin:1rem 0!important}@media screen and (min-width: 720px){button.clear-filters{border:none;width:auto}}.clear-filters.active{opacity:1;border:dashed 1px var(--light)!important}.game-list{display:flex;flex-wrap:wrap;gap:1rem;padding:0 0 2rem;margin:0}.game-item{position:relative;list-style:none;background:none;border:solid 1px var(--black);width:100%;height:140px;padding:0;background-color:#00ff040d;cursor:pointer}@media screen and (min-width: 720px){.game-item{width:200px}}.game-item:hover{border:solid 1px var(--green)}.game-item img{position:absolute;left:0;bottom:0;width:100%;height:100%;filter:grayscale(80%);transition:filter .5s ease-in-out,opacity .5s ease-in-out;object-fit:cover}.game-name{position:absolute;left:0;width:100%;bottom:0;margin:0;background-color:#fff9;box-shadow:0 0 10px #fff6;color:var(--dark)}.game-name span{display:block;padding:.5rem}.game-item:hover img{filter:grayscale(0)}.game-list-buttons{display:flex;flex-direction:column;width:100%;align-items:center}.game-list-buttons button{border:none;background:var(--black);border:solid 1px var(--black);color:var(--green);padding:1rem;margin:0 1rem;cursor:pointer}.game-list-buttons button:not(:disabled):hover{background:var(--dark);border:solid 1px var(--green)}.pagination-wrapper{display:flex}.pagination{display:flex;gap:.5rem;list-style:none;padding:0;margin:0}.pagination li{background:none;padding:.8rem 1rem 0;border:1px solid var(--black);background-color:var(--black);transition:all .2s ease;cursor:pointer}.pagination li:not(.first,.active,.last){display:none}@media screen and (min-width: 720px){.pagination li:not(.first,.active,.last){display:list-item}}.pagination li:hover{background-color:var(--dark)}.pagination li.active{background-color:var(--dark);border-color:var(--green)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;outline:none;border:1px solid var(--light);padding:.5rem;width:60px;text-align:center;background:none;width:5rem;height:.8rem;margin-top:1rem;color:var(--light)}input[type=number]:hover::placeholder{color:var(--dark)}input[type=number]::placeholder{color:var(--light);opacity:.5}.no-results{text-align:center;font-size:1.5rem;color:var(--light);height:100%;margin-top:3rem}.game-page{display:flex;flex-direction:column;width:100%}.game-page h1,.game-page h4{margin:0}.game-page small{display:block;margin:0 0 1rem}.game-description{position:relative;flex:1;width:100%;border:solid 1px var(--black);margin-bottom:1rem}@media screen and (min-width: 720px){.game-description{max-width:60vw}}.game-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.game-text{position:relative;padding:1rem}.game-platforms{display:flex;flex-wrap:wrap}.game-platform{position:relative}.game-platform span{margin:0 1.5rem 0 0}.game-platform:not(:last-child):after{content:" | ";position:absolute;top:0;right:.5rem}.cache-indicator{position:absolute;bottom:0;right:1rem;color:#666;font-style:italic;font-size:xx-small}@media screen and (min-width: 720px){.game-page .wrapper{display:flex;gap:1rem}}.game-tags{margin:0}.website-link{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.game-page.genres-list{padding:0}.game-meta{max-width:60vw}.game-meta-item{margin-bottom:1rem}.class{position:relative;border:solid 1px var(--green);width:100%;height:161px;background-repeat:no-repeat;background-size:cover;transition:margin .35s ease-in-out,filter .25s ease-in-out}.class:hover{cursor:pointer}.class h4{padding-left:1rem}.class.active{height:auto}.nightreign-grid{position:relative;display:grid;width:100%;grid-template-columns:1fr;gap:1rem}.nightreign-grid:hover .class{filter:grayscale(100%)}.nightreign-grid:hover .class:hover{filter:grayscale(0)}.class-information{border:solid 1px black;margin:0;padding:1rem}.class-information:not(.ext) h4:not(.class-trailer){display:none}.class-information h4.class-trailer{margin:2rem 0 0;padding:0}.class .class-information,.class-information.ext{display:none}.class.active .class-information{display:block;background-color:#000000b3;border:none;border-top:1px dashed var(--green)}.class-information-description{font-style:italic}.class-information-label{margin:.5rem 0}.video-container{position:relative;overflow:hidden;width:calc(100% + 2rem);height:300px;max-width:600px;max-height:400px;margin:1rem -1rem 0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-container.loading{transition:visibility .25s ease-in;visibility:hidden}@media screen and (min-width: 720px){.class{position:relative;border:solid 1px var(--black);width:400px;height:261px}.nightreign-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:minmax(100px,300px);gap:0}.nightreign-grid.is-active .class{filter:grayscale(100%)}.nightreign-grid.is-active .class.active{margin-top:3rem;box-shadow:12px 0 20px #0006;filter:grayscale(0);z-index:2}.class.active .class-information,.class-information:not(.ext){display:none}.class-information h4{display:block}.class-information.ext{display:grid;grid-template-columns:1fr 1fr;margin-top:.5rem;box-shadow:12px 0 20px #0006}.class-information.ext h4{margin-top:0;margin-bottom:1rem}.video-container{margin:0;border:solid 1px var(--light)}}.wylder{background-image:url(/assets/wylder-CmqI4pxX.png)}.guardian{background-image:url(/assets/guardian-C98JVqVs.png)}.duchess{background-image:url(/assets/duchess-DXOlBdg3.png)}.recluse{background-image:url(/assets/recluse-bcKZj1vl.png)}.ironeye{background-image:url(/assets/ironeye-CQVYEZDl.png)}.raider{background-image:url(/assets/raider-SH53kWMh.png)}.executor{background-image:url(/assets/executor-RLSPjFgN.png)}.revenant{background-image:url(/assets/revenant-C-A3Zcb7.png)}.info-box{position:relative}.info-box .info-box-tooltip{display:none}.info-box .info-box-tooltip{cursor:default}.info-box:hover{cursor:pointer}.info-box-label{margin:0;border-bottom:1px dashed var(--green)}@media (max-width: 719px){.info-box.active .info-box-tooltip{position:fixed;display:block;background-color:#000000e6;top:.5rem;left:50%;border-radius:.2rem;border-bottom:solid 1px var(--green);transform:translate(-50%);max-width:90vw;background:#333;color:#fff;padding:8px 12px;border-radius:4px;width:100vw;height:30vh;padding:1rem;overflow-y:auto;box-sizing:border-box;word-wrap:break-word;z-index:2}.info-box.active .info-box-label{border-bottom:1px solid var(--green)}}@media screen and (min-width: 720px){.info-box:hover .info-box-tooltip{display:block;position:absolute;bottom:2rem;min-width:300px;max-width:100%;background-color:#000000e6;border-radius:.2rem;border-bottom:solid 1px var(--green);overflow:hidden;padding:1rem;z-index:2}}