.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/HeeboLight.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/PoppinsSemibold.woff2) format("woff2")}:root{--base-padding: 14px;--border-radius: 15px;--border-color: hsla(211, 18%, 68%, .15);--border-style: 1px solid var(--border-color);--text-color: #fff;--text-glow: 0 0 5px rgba(255, 255, 255, .35);--pink: #f74f9e;--light-gray: #d3d3d3;--pink-special: linear-gradient(130deg, var(--pink) 0%, #e60048 100%);--pink-special-hover: linear-gradient(130deg, #b31861 0%, #c70038 100%);--pink-special-active: linear-gradient(130deg, #92134f 0%, #a80130 100%);--background: #054072 linear-gradient( 175deg,#00afe1 0%,#054072 78%,#181930 100% )no-repeat 50% 0;--base-fill: hsla(206, 13.7%, 10%, .9);--base-fill-opaque: hsla(206, 13.7%, 10%, 1);--hover-color: hsla(200, 33%, 25%, .6);--active-color: hsla(200, 33%, 25%, .9);--base-blur: 4px;--header-height: 56px;--sidenav-width: 76px;--header-family: "Poppins", Arial Rounded MT Bold, Helvetica Rounded, Arial, sans-serif;--body-family: "Heebo", Helvetica Rounded, Arial, sans-serif;--white-icon: brightness(0) invert(1) drop-shadow(var(--text-glow))}html,body{min-height:100%;margin:0;color:var(--text-color);text-shadow:var(--text-glow);font-family:var(--body-family);font-size:16px;touch-action:manipulation;overscroll-behavior:none}html{background:#0e2952}background{background:var(--background);position:fixed;height:100vh;inset:0;z-index:-1}main{margin-top:var(--header-height);margin-left:var(--sidenav-width);padding:var(--base-padding);display:flex;flex-direction:row;gap:var(--base-padding);justify-content:center;padding-top:0}::selection{background:#f0208280}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:#fff}a:hover{background:#92134f}a:active{background:#bc3b78}button{font-family:var(--body-family)}header{background:var(--base-fill);backdrop-filter:blur(var(--base-blur));-webkit-backdrop-filter:blur(var(--base-blur));border-bottom:var(--border-style);top:0;right:0;width:calc(100% - var(--sidenav-width));height:var(--header-height);position:fixed;z-index:100;display:flex;align-items:center;justify-content:space-between;#logo{display:block;height:35px;width:121px;text-decoration:none;cursor:pointer;&:hover,&:focus{background:none;filter:none}img{height:100%;width:100%;object-fit:cover;filter:drop-shadow(0 0 5px rgba(255,255,255,.2)) brightness(0) invert(1) drop-shadow(var(--text-glow));&:active{filter:drop-shadow(0 0 5px rgba(254,32,130,.3))}}}#middle{display:flex;flex-grow:1;max-width:600px;padding:6px 30px;#search{height:42px;flex-grow:1;display:flex;border-radius:99px;border:var(--border-style);&:focus-within{background:#0f131580}input{margin:0;border:0;background:0;outline:0;font-size:16px;font-family:var(--body-family);height:100%;flex-grow:1;padding:0 0 0 15px;color:#fff}.action{background:transparent;border:0;cursor:pointer;width:42px;height:42px;align-content:center;align-items:center;justify-content:center;display:flex;border-radius:50%;&.hidden{display:none}&:hover,&:focus{background:var(--hover-color)}&:active{background:var(--active-color)}img{filter:var(--white-icon);width:24px;height:24px}}}#random-game{margin:auto auto auto 8px;img{width:18px;height:18px}}}#end-actions{display:flex;padding-right:var(--base-padding);#mobile-search{display:none}}@media (max-width: 625px){#middle{position:absolute;top:calc(var(--header-height) / 2);background:var(--base-fill);padding:var(--base-padding);border-bottom:var(--border-style);width:calc(100% - (var(--base-padding) * 2));backdrop-filter:blur(var(--base-blur));-webkit-backdrop-filter:blur(var(--base-blur));max-width:unset;opacity:0;display:none}#middle.show,#middle:focus-within{opacity:1;display:flex;top:calc(var(--header-height) + 1px);visibility:visible}#mobile-search{display:flex!important}}}.nav-button-minor{display:flex;border-radius:100%;justify-content:center;flex-direction:column;align-items:center;width:32px;height:32px;border:var(--border-style);background:transparent;cursor:pointer;&.pad-right{margin:auto 10px auto 0}&:hover,&:focus{background:var(--hover-color)!important}&:active{background:var(--active-color)!important}img{width:24px;height:24px;filter:var(--white-icon);user-select:none;opacity:.7}}nav{background:var(--base-fill);left:0;top:0;width:var(--sidenav-width);height:100vh;position:fixed;z-index:99;display:flex;flex-direction:column;padding-top:var(--header-height);border{background:var(--border-color);right:0;top:0;width:1px;height:100%;position:absolute;margin-top:var(--header-height)}a{display:flex;flex-direction:column;align-items:center;position:relative;padding:12px 0;border-radius:var(--border-radius);color:var(--text-color);text-decoration:none;width:var(--sidenav-width);height:46px;width:100%;justify-content:center;&:hover,&:focus{background:var(--hover-color)}&:active{background:var(--active-color)}img{width:24px;height:24px;color:var(--text-color);filter:var(--white-icon);user-select:none}span{font-size:10px;margin-top:10px}.count{position:absolute;top:-14px;left:37px;display:inline-block;padding:0 4px;height:16px;border:var(--border-style);border-radius:var(--border-radius);text-align:center;font-size:12px;background-color:var(--pink);box-shadow:0 0 10px var(--pink);min-width:8px}}}.skeleton{background:var(--base-fill-opaque)!important;background-repeat:no-repeat;animation:loading 1s infinite;user-select:none;pointer-events:none;opacity:.7}@keyframes loading{0%{opacity:.7;scale:.98}50%{opacity:.9;scale:1}to{opacity:.7;scale:.98}}.game{display:flex;flex-direction:row;border-radius:var(--border-radius);cursor:pointer;margin-bottom:var(--base-padding);&:hover{background:var(--hover-color)}&:active{background:var(--active-color)}.thumbnail{border-radius:var(--border-radius);overflow:hidden;min-width:162px;max-width:162px;min-height:108px;max-height:108px;img{height:100%}}.info{display:flex;flex-direction:column;margin-left:var(--base-padding);gap:3px;.title{text-decoration:none;color:var(--text-color);font-family:var(--header-family);background:transparent;font-weight:700;font-size:20px;height:24px;&.skeleton{border-radius:99px;width:150px}}p{margin:0;line-height:27px;max-height:54px;overflow:hidden;.blurb{margin-right:5px;&.skeleton{width:130px;border-radius:99px;display:inline-block;height:20px}}.tag{color:var(--text-color);text-decoration:none;border:var(--border-style);border-radius:99px;padding:0 8px;white-space:nowrap;&:hover{background:var(--hover-color)}&:active{background:var(--active-color)}&.skeleton{min-width:50px;display:inline-block;height:20px;border:none}}}.meta{display:flex;flex-direction:row;gap:8px;.plays{opacity:.65;max-height:23px;overflow:hidden;&.skeleton{border-radius:99px;width:70px;opacity:1}}.rating{width:24px;min-width:24px;height:24px;border-radius:50%;overflow:hidden;font-weight:700;font-size:11px;text-align:center;justify-content:center;align-items:center;display:flex;&.good{background:#19e6a0}}.developer{width:24px;min-width:24px;height:24px;min-height:24px;border-radius:50%;overflow:hidden;&:hover{filter:brightness(.8)}&:active{filter:brightness(.65)}img{width:24px;height:24px}}}}}.content-categorized{border-radius:var(--border-radius);overflow:hidden;margin-top:var(--base-padding);.header{display:flex;align-items:center;flex-direction:row;text-decoration:none;border-bottom:1px solid var(--border-color);height:40px;&:hover{filter:brightness(.8)}&:active{filter:brightness(.65)}&.red{background:#ff0058bf}&.orange{background:#ff5204bf}&.yellow{background:#ffc920bf}&.green{background:#138d69bf}&.blue{background:#32f2e2bf}&.purple{background:#631fffbf}.emoji{margin-left:var(--base-padding);img{width:24px;height:24px}&.skeleton{border-radius:99px;width:24px;height:24px}}h3{margin-left:10px;color:var(--text-color);font-family:var(--header-family);white-space:nowrap;&.skeleton{border-radius:99px;width:150px;height:24px}}.arrow{filter:brightness(0)invert(1)drop-shadow(var(--text-glow));margin-left:auto;margin-right:5px;width:24px}}.games-container{display:flex;flex-direction:column;padding:var(--base-padding);padding-bottom:0;background:var(--base-fill)}.section-content{background:var(--base-fill);padding:var(--base-padding)}.see-more{bottom:0;left:0;right:0;margin-right:auto;margin-left:auto;background:var(--pink-special);color:#fff;cursor:pointer;border:var(--border-style);font-family:var(--body-family);font-size:16px;padding:5px 15px;border-radius:var(--border-radius)var(--border-radius)0 0;display:flex;flex-direction:row;width:fit-content;text-decoration:none;&:hover{background:var(--pink-special-hover)}&:active{background:var(--pink-special-active)}img{margin-right:5px;filter:brightness(0)invert(1)drop-shadow(var(--text-glow))}}}@media screen and (max-aspect-ratio: 1/1),(max-height: 345px){main{margin-bottom:calc(var(--header-height) + var(--base-padding))}nav{flex-direction:row;padding:2px;border-radius:var(--border-radius);width:calc(100% - var(--base-padding) * 2);height:var(--header-height);max-width:600px;top:unset;bottom:0;right:0;margin:0 auto;margin-bottom:var(--base-padding);border:var(--border-style);backdrop-filter:blur(var(--base-blur));-webkit-backdrop-filter:blur(var(--base-blur));border{display:none}a{padding:0;margin:auto 0;height:100%;span{font-size:12px;margin-top:5px}.count{top:-8px;left:39px}}}header{width:100%;#logo{margin-left:var(--base-padding)}}fade{display:block;position:fixed;bottom:0;width:100%;height:65px;z-index:48;background:linear-gradient(to top,#102a4d 40%,#0b3b5f00)}main{margin-left:unset}}.section-title{background:var(--base-fill);font-family:var(--header-family);font-size:20px;position:relative;display:flex;align-items:center;width:fit-content;height:fit-content;padding:8px 39px 8px 21px;margin:0 auto;overflow:hidden;border-radius:var(--border-radius);&.smol{border-radius:99px;padding:8px 25px;font-size:16px}&:before{background:var(--pink);box-shadow:0 0 10px var(--pink);display:block;content:"";position:absolute;top:0;left:0;width:9px;height:100%}img{width:32px;height:32px;padding:0 10px;user-select:none;filter:drop-shadow(0 0 13px var(--pink))}}.tabs{border:var(--border-style);border-radius:var(--border-radius);overflow:hidden;margin:var(--base-padding) 0;.tab{width:100%;color:#fff;overflow:hidden;input{display:none;&:checked+label{background:var(--hover-color)}&:checked+label:after{transform:rotate(90deg)}&:checked~.content{max-height:100vh;padding:var(--base-padding)}}label{border-top:var(--border-style);display:flex;justify-content:space-between;padding:1em;font-weight:700;cursor:pointer;user-select:none;&:hover{background:var(--hover-color)}&:active{background:var(--active-color)!important}}.content{max-height:0;padding:0;overflow:hidden}}}.tabs .tab:first-child label{border-top:none}