:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0}body{background-image:linear-gradient(#0000008c,#000000a6),url(/leonardo-iribe-vendor.jpg);background-size:cover;background-repeat:no-repeat}.top-container{display:flex;justify-content:space-between;position:relative}.card-container{display:flex;flex-wrap:wrap;justify-content:center;max-width:900px;margin:0 auto;gap:1rem;max-height:calc(100vh - 220px)}h1{font-size:clamp(1rem,3vw,3rem);margin:0;letter-spacing:5px}.background,.scoreCard{margin:1rem}.scoreCard span{font-weight:800;font-size:1.25rem}.scoreCard p{font-size:1.25rem}.card{flex:0 0 calc(33.333% - 1rem);max-width:300px;aspect-ratio:3 / 4;overflow:hidden;border:none;border-radius:12px;max-height:calc((100vh - 220px)/2);transition:transform .4s ease-in-out}.card:hover,.card:focus-visible{transform:translateY(-30px);box-shadow:3px 4px 6px #fb1f0c;cursor:pointer;outline:none}.card img{width:100%;height:100%;object-fit:cover;display:block}.message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:1rem 2rem;border-radius:10px;font-size:1.25rem;text-align:center;z-index:2000;max-width:80%}.hidden{display:none!important}