.online-lobby{max-width:1000px;padding-bottom:48px}.online-create{grid-template-columns:1fr 1fr;gap:56px;margin:36px 0;display:grid}.online-player,.online-entry,.online-entry form{flex-direction:column;gap:12px;display:flex}.online-player label,.online-entry label,.online-label{color:var(--muted);font-size:12px}.online-lobby input,.online-lobby select{background:var(--panel);border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);border-radius:5px;padding:12px 14px}.online-player label:not(:first-child){margin-top:14px}.online-deck-preview{align-items:center;gap:20px;margin-top:20px;display:flex}.online-deck-preview img{border-radius:6px;width:110px}.online-deck-preview h2{font-size:20px}.online-deck-preview p{color:var(--muted);margin:8px 0 20px;font-size:13px}.online-deck-preview a,.online-return{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.online-entry{align-self:center}.online-entry .button{justify-content:center;min-height:48px}.online-or{color:var(--muted);align-items:center;gap:14px;margin:14px 0;font-size:12px;display:flex}.online-or:before,.online-or:after{content:"";background:var(--line);flex:1;height:1px}.online-entry form input{text-transform:uppercase;letter-spacing:2px}.online-entry form input::placeholder{text-transform:none;letter-spacing:0}.online-return{justify-content:center;margin-top:20px}.online-entry p{color:var(--muted);font-size:13px}.online-waiting{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:440px;margin:45px auto;display:flex}.online-waiting h2{font-size:25px}.online-room-code{flex-direction:column;gap:10px;display:flex}.online-room-code strong{letter-spacing:6px;font-variant-numeric:tabular-nums;font-size:38px}.online-seats{text-align:left;border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:18px;width:100%;padding:24px;display:flex}.online-seats span{align-items:center;gap:12px;display:flex}.online-seats i{background:var(--gold);border-radius:50%;width:8px;height:8px}.online-waiting-seat{color:var(--muted)}.online-waiting-seat i{border:1px solid var(--muted);background:0 0}.online-error{color:#ffac9e;margin-top:24px;font-size:14px}.online-error button{margin-left:12px;text-decoration:underline}.game-online-status{z-index:60;background:#242323;border:1px solid #f9edcd44;border-radius:6px;align-items:center;gap:12px;padding:10px 18px;font-size:14px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.game-online-status button{text-decoration:underline}.game-online-opponent{color:#f9edcd99;text-overflow:ellipsis;white-space:nowrap;max-width:340px;margin-left:12px;font-size:13px;overflow:hidden}@media (max-width:700px){.online-create{grid-template-columns:1fr;gap:36px;margin-top:18px}.online-deck-preview img{width:82px}.online-waiting{margin-top:25px}.online-room-code strong{letter-spacing:4px;font-size:30px}.online-lobby .page-title{margin-bottom:20px}}