*{box-sizing:border-box}body{margin:0;background:#ccc;color:#080808;font:14px Arial,Helvetica,sans-serif}a{color:#a62c29;text-decoration:underline;cursor:pointer}a:hover{color:#e00000}button,input{font:inherit}.page{width:1080px;max-width:98%;margin:0 auto}header{display:flex;gap:12px;background:white;padding:12px 10px 4px;min-height:158px}.logo{display:block;width:201px;height:134px;flex-shrink:0;background-image:url('assets/y8-2012-reference.webp');background-size:656.7164% auto;background-position:11.79625% .97020%}.intro{flex:1;min-width:0;padding-top:8px}h1{font:bold 27px/1.25 Arial,sans-serif;letter-spacing:.1px;background:#ccc;border:2px ridge #eee;margin:0;padding:8px 10px}.intro p{font-size:14px;line-height:19px;background:#ccc;margin:0;padding:9px 0;border:2px ridge #eee;border-top:0}.intro nav{padding:10px 0 0;white-space:normal;font-size:14px}.separator{height:11px;margin:20px 0;background:white;border-top:2px ridge #eee}.columns{display:grid;grid-template-columns:225px 1fr;gap:16px;align-items:start}aside,main{background:#fff;border:2px ridge #eee}aside{padding:6px 2px}aside h2{font-size:14px;margin:0;padding:6px 0;border-bottom:1px solid #ccc}aside ul{padding:0 0 0 21px;margin:8px 0}aside li{padding:0 0 7px;line-height:17px}aside a.active{font-weight:bold}main{padding:9px 17px 22px;min-height:700px}.tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;white-space:nowrap}.tools span>a{border:1px solid #bbb;padding:2px;margin-left:2px}.tools form{display:flex;gap:5px;align-items:center}.tools input{width:100px;border:1px solid #eee;border-radius:5px;height:25px}.tools button{border:0;background:#398ee8;color:white;border-radius:14px;padding:2px 13px;font-weight:bold}.best{text-align:center;font-size:25px;font-weight:normal;margin:12px 0 8px}#game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px}.game{display:block;text-align:center;color:#a62c29;font-size:14px;line-height:20px}.game-picture{display:block;width:100%;aspect-ratio:244/183;background-image:url('assets/y8-2012-reference.webp');background-size:540.98361% auto;border:2px ridge #b4b4b4;margin-bottom:1px}.game:hover .game-picture{border-color:#a62c29}#filter-note{padding:8px 0 15px;color:#555}#filter-note button,#back-games{margin-left:8px;border:1px solid #aaa;background:linear-gradient(white,#ddd);cursor:pointer}#game-preview{text-align:center;padding:20px 0}#game-preview h2{font-size:25px}#large-preview{max-width:620px;width:100%;aspect-ratio:244/183;margin:20px auto;background-image:url('assets/y8-2012-reference.webp');background-size:540.98361% auto;border:4px ridge #aaa}footer{text-align:center;font-size:12px;line-height:22px;padding:30px;background:#ddd;margin-top:20px;border-top:1px solid #bbb}[hidden]{display:none!important}@media(max-width:1000px){.columns{grid-template-columns:190px 1fr;gap:13px}.tools{flex-wrap:wrap}.logo{width:161px;height:107px}h1{font-size:23px}main{padding:9px 12px}#game-grid{gap:12px}.intro p{font-size:12px}.intro nav{font-size:12px}}@media(max-width:650px){header{display:block}.logo{float:left;margin-right:10px}h1{font-size:19px}.columns{grid-template-columns:145px 1fr;gap:8px}aside{font-size:12px}#game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.best{font-size:19px}.tools{font-size:12px;white-space:normal}.page{max-width:99%}main{padding:8px}.game{font-size:12px}}

.game-picture.cert-thumbnail{background:radial-gradient(ellipse at top,#1B96FF,#032D60);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-decoration:none;line-height:1.1;padding:10px}.cert-thumbnail strong{font:bold 25px/1.05 'Trebuchet MS',Arial;text-shadow:0 2px #032D60}.cert-thumbnail em{font-style:normal;color:#b0daff}.mini-cards{display:flex;gap:9px;margin:12px 0 9px}.mini-cards i{display:grid;place-items:center;width:35px;height:32px;border:2px ridge #90d0fe;background:linear-gradient(#1B96FF,#014486);font:bold 23px Arial;font-style:normal;border-radius:3px}.cert-thumbnail small{font:bold 8px Arial;letter-spacing:1px;color:#d8edff}.game:has(.cert-thumbnail){font-weight:bold}@media(max-width:650px){.cert-thumbnail strong{font-size:18px}.mini-cards{margin:7px 0;gap:5px}.mini-cards i{width:24px;height:24px;font-size:16px}.cert-thumbnail small{font-size:6px}}
.game:has(.cert-thumbnail){text-decoration:none}.game:has(.cert-thumbnail)>span:last-child{text-decoration:underline}