.multiplayer-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#0f172a;font-family:Inter,system-ui,sans-serif}.multiplayer-background-image{position:absolute;inset:0;background-image:url(/background.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.35;filter:contrast(1.05) saturate(1.1)}.multiplayer-background-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(15,23,42,.8),rgba(15,23,42,.95))}.multiplayer-content{position:relative;z-index:10;width:100%;max-width:40rem}.multiplayer-card{background-color:rgba(30,41,59,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.15);border-radius:.75rem;padding:2.5rem 2rem;box-shadow:0 20px 40px -10px rgba(0,0,0,.4);text-align:center}.multiplayer-back-home-button{background:transparent;color:#94a3b8;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;font-family:Inter,system-ui,sans-serif;border:1px solid rgba(148,163,184,.3);cursor:pointer;transition:all .2s ease-in-out;position:absolute;top:1.5rem;left:1.5rem;z-index:100}.multiplayer-back-home-button:hover{background-color:rgba(148,163,184,.1);color:#cbd5e1;border-color:rgba(148,163,184,.5)}.multiplayer-back-home-button:active{transform:translateY(1px)}.multiplayer-title{font-size:2.25rem;font-weight:700;color:#f8fafc;margin-bottom:1rem;letter-spacing:-.02em}.multiplayer-subtitle{font-size:1.05rem;color:#cbd5e1;margin-bottom:2rem;line-height:1.7;max-width:32rem;margin-inline:auto}.multiplayer-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.multiplayer-create-button{width:100%;max-width:20rem;background:linear-gradient(90deg,#f8fafc,#e2e8f0);color:#0f172a;padding:.85rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;box-shadow:0 6px 12px rgba(0,0,0,.25);transition:all .2s ease-in-out;text-transform:uppercase;letter-spacing:.05em}.multiplayer-create-button:hover{background:linear-gradient(90deg,#fff,#f1f5f9);transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.multiplayer-create-button:active{transform:translateY(1px)}.multiplayer-create-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.multiplayer-divider{display:flex;align-items:center;width:100%;max-width:20rem;gap:1rem;color:#94a3b8;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.multiplayer-divider:after,.multiplayer-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.multiplayer-join-link{width:100%;max-width:20rem;background-color:transparent;color:#f8fafc;padding:.85rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:600;border:2px solid rgba(148,163,184,.3);cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:inline-block}.multiplayer-join-link:hover{background-color:rgba(148,163,184,.1);border-color:rgba(148,163,184,.5);transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.multiplayer-join-link:active{transform:translateY(1px)}@media(max-width:768px){.multiplayer-card{padding:1.75rem 1.25rem;border-radius:.6rem}.multiplayer-title{font-size:1.75rem;margin-bottom:.75rem}.multiplayer-subtitle{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.multiplayer-create-button,.multiplayer-join-link{font-size:.95rem;padding:.75rem 1.5rem}.multiplayer-background-image{opacity:.3}}@media(max-width:480px){.multiplayer-title{font-size:1.5rem}.multiplayer-subtitle{font-size:.9rem}.multiplayer-card{padding:1.5rem 1rem}.multiplayer-actions{gap:1.25rem}}.loading-spinner{margin-left:.5rem;display:inline-block;width:.9rem;height:.9rem;border-radius:50%;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-color:#3b82f6 #06b6d4 #10b981 transparent;border-style:solid;border-width:2px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}