body{overflow-y:scroll}.copy-container>h1{margin-bottom:12px}p{margin:0}.info-split{display:flex;flex-direction:row;gap:40px}.search-container,.join-container{display:flex;flex-direction:column;gap:16px}.search-container{flex:2}.join-container{flex:1}.search-controls{display:flex;flex-direction:row;gap:10px}.search-controls .search{flex:1}.select,.search{display:flex;flex-direction:row;align-items:center;position:relative}.select select{line-height:1.2;background:var(--bg-btn-inactive);color:#fff;border:none;border:2px solid var(--bg-btn-inactive);padding:8px 20px 8px 12px;appearance:none;display:block;font-size:.9rem;font-family:inherit;outline:none;width:100%;user-select:none}.select svg{color:var(--fg-muted);pointer-events:none;position:absolute;right:8px;font-size:.9rem}.search svg{color:#5b5b5b;pointer-events:none;position:absolute;left:12px}.search input{padding-left:32px}#games{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.game{background:var(--accent);color:#fff;padding:12px;user-select:none;position:relative}.game:hover{background:var(--accent-dark);color:#fff}.game .badge{position:absolute;top:6px;right:6px;text-align:center;padding:4px 10px;font-weight:700;box-shadow:0 2px 4px #00000037}.game .badge.new{background:#fcc419;color:#000}.game .badge.tutorial{background:#339af0;color:#fff}.game img{display:block;width:100%;aspect-ratio:1;background:#ffffff;color:#000;object-fit:contain;image-rendering:pixelated}.game img:not([data-loaded=true]){opacity:0}.game p,.game h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game h3{margin:10px 0 0;font-size:1.2rem}.game .author{color:var(--fg-muted-on-accent);margin-top:2px}.game .tags{color:var(--fg-muted-on-accent);margin-top:2px;font-size:.9rem}.filter-tags{margin:1em 0}.tag-span{margin:0 7px 0 0;padding:4px 8px;background-color:#434343;color:#fff;cursor:pointer}.tag-span:hover{text-decoration:underline;background-color:#363636;animation:shadow .5s forwards}.game-tag:hover{text-decoration:underline;font-weight:600}.tag-clear:hover{text-decoration:none;font-weight:600;color:#f33}.tag-close:hover{text-decoration:none;font-weight:800;color:#f33}@keyframes shadow{0%{box-shadow:0 0 #078969}to{box-shadow:2px 2px 2px #078969}}@media screen and (max-width: 600px){.search-controls,.info-split{flex-direction:column}.join-container button{display:table-cell;vertical-align:middle;width:100%}}