.Card{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:20px;padding:20px;border-radius:10px;background-color:#1b2845;background-image:linear-gradient(315deg,#1b2845,#274060 74%);box-shadow:1px 2px 14px 5px #00e1ff7a;transition:all .5s ease-in-out;cursor:pointer;transform:scale(1);transition:box-shadow .5s ease-in-out;max-width:350px;overflow:hidden;position:relative;transition:transform .3s ease;animation:shuffle 2s ease}.Card:hover{cursor:pointer;transform:scale(1.05);box-shadow:1px 3px 20px 5px #00e1ff99}@keyframes shuffle{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:10px 10px 0 0;margin-bottom:10px;overflow:hidden;transition:filter .3s ease-in-out;filter:brightness(.8)}.img:hover{filter:brightness(1)}.card-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:20px}body{background-color:#000;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.Text{margin:20px;text-align:center;font-size:24px;letter-spacing:1px;background-size:200%;white-space:nowrap}.h1{-webkit-text-fill-color:transparent;animation:background-pan 5s linear infinite;background:linear-gradient(90deg,#12c2e9,#c471ed,#f64f59,#12c2e9);-webkit-background-clip:text;background-clip:text;background-size:200%;white-space:nowrap;display:block;font-size:2em}.h1focus-visible{outline:-webkit-focus-ring-color auto 1px}.score-board{margin:20px;display:flex;justify-content:space-around;align-items:center;font-size:10px;color:#fff;text-align:left}.win-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.win-modal-content{background:#fff;padding:20px;border-radius:10px;text-align:center;color:#000}.reset-btn{margin-top:10px;padding:10px 20px;background-color:#12c2e9;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.reset-btn:hover{background-color:#0f93b4}.reset-btn:active{background-color:#0e86a2}.reset-btn:focus{outline:none}.reset-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.reset-btn{width:100%;margin-top:0}}@media (max-height: 500px){.reset-btn{height:100%}}@media (max-width: 600px) and (max-height: 500px){.reset-btn{width:100%;height:100%}}@media (max-width: 400px){.reset-btn{font-size:.8em}}@media (max-height: 300px){.reset-btn{font-size:.6em}}@media (max-width: 400px) and (max-height: 300px){.reset-btn{font-size:.6em}}