body{background:radial-gradient(ellipse at 80% 0,#20322d,transparent 55%),#0d1216}.gallery-intro{padding:55px 0 25px}.gallery-intro h1{margin:14px 0 20px}.gallery-intro .lead{font-size:24px;color:#e3ebe6}.filters{display:flex;gap:20px;align-items:end;padding:20px 0}.filters label{flex:1;font-size:13px;color:#b8c8c0}.filters label:first-child{flex:2}.filters input,.filters select{display:block;width:100%;height:49px;margin:8px 0 0;border:1px solid #50645c;border-radius:6px;background:#16221e;color:#eff4ef;padding:12px;font:16px Arial}#game-count{font:12px monospace;letter-spacing:1px;color:#c7b181;margin:0 0 23px}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-tile{display:block;text-decoration:none;background:#15201e;border:1px solid #34473e;border-radius:12px;overflow:hidden;transition:transform .15s,border-color .15s}.game-tile:hover{transform:translateY(-4px);border-color:#79f59a}.tile-art{position:relative;background:#090f11;padding-bottom:12px}.tile-art img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;display:block}.tile-label{display:inline-block;max-width:calc(100% - 24px);margin:12px 12px 0;background:#0c151ded;color:#eff8ee;border:1px solid #a3bbae70;padding:5px 9px;border-radius:5px;font:12px monospace}.tile-copy{padding:20px}.tile-copy>span{font:11px monospace;color:#cdb783;text-transform:uppercase;letter-spacing:1px}.tile-copy h2{font:22px/1.3 Arial;letter-spacing:0;margin:10px 0 20px;color:#eef4ee}.tile-copy p{color:#79f59a;margin:0;font-size:14px}.tile-copy p span{float:right}.game-tile[hidden],#no-results[hidden]{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:100;background:#173625;padding:10px}@media(max-width:900px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.tile-grid{grid-template-columns:1fr}.filters{display:block}.filters label{display:block;margin-bottom:12px}.gallery-intro{padding-top:25px}}