:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{display:grid;place-content:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:hover{border-color:#646cff}button{color:#fff;width:100px;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;border-color:#fff;-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.roster{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;min-height:657px}.card{width:240px;aspect-ratio:3/4;border:1px solid black;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#bc8f8f;border-radius:8px;position:relative;padding-top:2rem}.card img{height:200px}.cardId{position:absolute;right:1rem;top:1rem}.noClick{pointer-events:none}