.online-panel{max-width:1050px;margin:auto;padding:24px;background:#15181de8;border:1px solid #ffffff38;border-radius:12px;max-height:89vh;overflow:auto}.online-panel h1{margin:0 0 8px;text-transform:uppercase}.online-panel p{color:#ced2d9}.online-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.online-panel label{display:block;margin:12px 0}.online-panel input,.online-panel select{display:block;width:100%;padding:10px;background:#252b32;border:1px solid #647080;border-radius:5px;color:#fff;font:inherit}.online-panel button{padding:11px 16px;margin:5px;border:1px solid #ffffff55;border-radius:5px;background:#353e49;color:#fff;cursor:pointer;font:inherit}.online-panel button:disabled{opacity:.45;cursor:default}.online-panel .primary{background:#b3252c}.online-error{min-height:24px;color:#ffb1a8!important}.online-rooms{display:grid;gap:8px}.online-rooms button{text-align:left}.online-rooms small{display:block;color:#c4cbd4}.online-roster{padding-left:24px;line-height:2}.online-code{font:700 24px monospace;letter-spacing:2px}.online-status{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:8;background:#111b;border-radius:5px;padding:6px 12px;font-size:12px;pointer-events:none}.online-panel .invite{overflow-wrap:anywhere;font-size:13px}.online-panel .notice{font-size:13px;color:#b9c3cd}@media(max-width:720px){.online-columns{grid-template-columns:1fr}.online-panel{padding:16px;max-height:90vh}.online-panel h1{font-size:24px}}

.online-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.online-panel-heading h1{margin:0}.online-panel-heading button{flex-shrink:0;white-space:nowrap;margin:0}

.online-panel [data-kick-player]{padding:4px 9px;margin:3px 0 3px 8px;font-size:12px;border-color:#ff9b9280;color:#ffd8d3;background:#602b30}.online-panel #onlineManageRoster li{display:flex;justify-content:space-between;align-items:center;gap:12px}.online-panel #onlineManageRoster li span{overflow-wrap:anywhere}
.online-vote-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.online-vote-choices button{display:flex;flex-direction:column;gap:14px;padding:24px!important;min-height:150px}.online-vote-choices button[aria-pressed=true]{border:2px solid #ef4438!important;background:#64211f!important}.online-vote-choices span{font-size:13px;color:#d2d8df}#onlineVoteClock{color:#ffcc67}@media(max-width:700px){.online-vote-choices{grid-template-columns:1fr}}