.play-modal-overlay{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7)}.play-modal{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:420px;padding:0 0 2rem;overflow:visible;background:#fff;border-radius:2rem;outline:none;box-shadow:0 8px 32px 0 rgba(0,0,0,.18)}.play-modal__close{position:absolute;top:1.25rem;right:1.25rem;z-index:2;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;transition:color .2s}.play-modal__close:active{color:#ffd100}@media(hover:hover){.play-modal__close:hover{color:#ffd100}}.play-modal__header{padding:2rem 1.5rem 1.25rem;text-align:center;background:linear-gradient(90deg,#08f,#ff6b00);border-top-left-radius:2rem;border-top-right-radius:2rem}.play-modal__title{margin-bottom:.25rem;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;color:#fff}.play-modal__subtitle{margin-bottom:0;font-size:1rem;color:#fff;opacity:90%}.play-modal__options{display:flex;flex-direction:column;gap:1.25rem;padding:2rem 1.5rem 0}.play-modal__option{display:flex;gap:1rem;align-items:center;padding:1.25rem 1rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:500;background:#fff;border:2px solid #eee;border-radius:1.25rem;outline:none;box-shadow:0 2px 8px 0 rgba(0,0,0,.04);cursor:pointer;transition:box-shadow .2s,transform .15s,border-color .2s,background .2s}.play-modal__option:active{background:#f8fafc;border-color:#ffd100;box-shadow:0 4px 24px 0 rgba(0,136,255,.1),0 0 0 4px rgba(255,209,0,.2);transform:scale(1.04)}@media(hover:hover){.play-modal__option:hover{background:#f8fafc;border-color:#ffd100;box-shadow:0 4px 24px 0 rgba(0,136,255,.1),0 0 0 4px rgba(255,209,0,.2);transform:scale(1.04)}}.play-modal__option--computer{border-color:#08f}.play-modal__option--friend{border-color:#ff6b00}.play-modal__option--online{border-color:#ffd100}.play-modal__option:focus{background:#f8fafc;border-color:#ffd100;box-shadow:0 4px 24px 0 rgba(0,136,255,.1),0 0 0 4px rgba(255,209,0,.2);transform:scale(1.04)}.play-modal__icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin-right:1rem;font-size:2.5rem;background:#f0f6ff;border-radius:1rem}.play-modal__option--computer .play-modal__icon{color:#fff;background:#08f}.play-modal__option--friend .play-modal__icon{color:#fff;background:#ff6b00}.play-modal__option--online .play-modal__icon{color:#fff;background:#ffd100}.play-modal__labels{display:flex;flex-direction:column;align-items:flex-start}.play-modal__label{font-size:1.15rem;font-weight:700;color:#222}.play-modal__desc{font-size:.98rem;font-weight:400;color:#666}@media(width <= 600px){.play-modal{max-width:98vw;padding:0 0 1.5rem}.play-modal__header{padding:1.5rem 1rem 1rem}.play-modal__options{padding:1.5rem 1rem 0}}