*{box-sizing:border-box;margin:0;padding:0;font-family:Bangers,Arial,Helvetica,sans-serif;letter-spacing:.08rem}body,#root{height:100vh}img{user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none}#root{display:flex;justify-content:center;align-items:center}.background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.deck-selection-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.deck-selection-container h1{font-weight:700;font-size:3rem;color:#fed905;text-shadow:2px 2px 4px rgba(0,0,0,1)}.deck-button-container{display:flex;justify-content:center;gap:20px;padding:20px}.deck-button-container button{width:20rem;aspect-ratio:1 / 1;padding:0;border:none;border-radius:12px;overflow:hidden;background:none;cursor:pointer;box-shadow:4px 4px 8px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.deck-button-container button img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.deck-button-container button:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0006}.deck-button-container button:focus{outline:3px solid #fed905;outline-offset:3px}.loading-spinner{width:150px;height:150px;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;margin:auto;width:100%;max-width:1000px;min-height:100vh;padding:1rem}.card-container{display:grid;grid-template-columns:repeat(5,200px);gap:1rem}.card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;aspect-ratio:2 / 3;padding:.5rem;overflow:hidden;color:#fff;background:#fff;border-radius:12px;box-shadow:0 .5rem 1rem #00000080;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:scale(1.05);box-shadow:0 6px 12px #e1e4e980;border:1px solid white}.card .character-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.card p{z-index:1;background-color:#00000080;border-radius:4px;text-align:center;box-shadow:0 6px 12px #00000026;text-shadow:2px 2px 4px rgba(0,0,0,.8),-2px -2px 4px rgba(0,0,0,.8)}.character-name{font-weight:700}.character-full-name{font-style:italic}.score-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 2rem;color:#fff;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8),-2px -2px 4px rgba(0,0,0,.8)}.overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0009;z-index:999}.game-over-modal{background:#fff;border-radius:8px;text-align:center;min-width:300px;padding:1rem}.game-over-modal button{padding:.5rem .2rem;cursor:pointer}@media (max-width: 1200px){.card-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 980px){.card-container{grid-template-columns:repeat(3,1fr)}.score-container{font-size:2rem}.deck-button-container button{width:15rem}}@media (max-width: 748px){.card-container{grid-template-columns:repeat(2,1fr)}.score-container{font-size:1.5rem}.deck-button-container button{width:12rem}}@media (max-width: 520px){.card-container{grid-template-columns:1fr}.score-container{font-size:1.2rem}.deck-button-container{flex-direction:column}}