.player-name__input:focus{border-color:var(--primary-color);outline:none}
.modal-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-overlay--contained{position:absolute}.modal{background:var(--modal-background);width:100%;max-height:90vh;box-shadow:2px 3px 3px var(--grey-950);color:var(--white);filter:drop-shadow(2px 3px 3px var(--grey-950));border:1px solid #ffffff26;border-radius:.75rem;flex-direction:column;animation:.25s ease-out modal-slide-in;display:flex;overflow-y:auto}.modal--sm{max-width:25rem}.modal--md{max-width:37.5rem}.modal--lg{max-width:56.25rem}.modal__header{text-align:center;padding:1rem;position:relative}.modal__title{margin:0;font-size:1.5rem;line-height:1.2}.modal__close{border-radius:50%;width:1.9rem;min-height:1.9rem;padding:0;position:absolute;top:.5rem;right:.5rem}.modal__body{padding:0 1.25rem 1.25rem;box-shadow:0 0 10px #000}.modal__header+.modal__body{padding-top:0}.modal:not(:has(.modal__header)) .modal__body{padding:1.25rem}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.modal-overlay{padding:.625rem}.modal{max-height:95vh}}