.online-lobby{color:#e8d7b1;background:radial-gradient(at top,#342718,#100c09 75%);min-height:100vh;padding:32px max(24px,50vw - 560px);font-family:inherit}.online-lobby header{text-align:center;margin-bottom:24px}.online-lobby h1{font-size:28px}.online-lobby a{color:#dfbd75}.online-panel{background:linear-gradient(130deg,#2d2217,#19130e);border:1px solid #80643b;border-radius:12px;margin-bottom:18px;padding:22px;box-shadow:inset 0 0 0 3px #17110a,0 8px 24px #0007}.online-lobby label{flex-direction:column;gap:8px;display:flex}.online-lobby input,.online-lobby select{color:#f0dfb7;background:#100d09;border:1px solid #80643b;border-radius:5px;min-width:0;max-width:100%;padding:10px}.online-lobby input{width:100%}.online-lobby button{color:#f3d791;cursor:pointer;background:linear-gradient(#433121,#21180f);border:1px solid #a1844f;border-radius:6px;min-height:44px;margin:10px 10px 0 0;padding:9px 16px}.online-lobby button:hover:not(:disabled){filter:brightness(1.25)}.online-lobby button:disabled{opacity:.45;cursor:default}.online-config{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0;display:grid}.online-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.online-seats .online-panel{margin:0 0 12px}.online-chat{overflow-wrap:anywhere;height:180px;overflow:auto}.online-error{background:#371c16;border:1px solid #a15142;padding:14px}.online-lobby small{color:#bdad90}@media (max-width:760px){.online-config,.online-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.online-lobby{padding:20px}}.multiplayer-controls{color:#e8d7b1;background:#21190f;border:1px solid #80643b;border-radius:6px;flex:none;max-height:30vh;padding:8px 10px;font-size:12px;overflow:auto}.multiplayer-controls p{margin:4px 0}.multiplayer-controls button{color:#f3d791;background:#392a1b;border:1px solid #80643b;border-radius:4px;min-height:36px;margin:3px;padding:5px 10px}.multiplayer-controls button:disabled{opacity:.5}.multiplayer-controls small{margin-top:4px;display:block}