.online-banner{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:22px;background:#301e3f;color:white;margin:20px 0;border:2px solid #ffc94d;border-radius:20px}.online-banner>span:first-child{font-size:32px}.online-banner>span:nth-child(2){flex:1}.online-banner b,.online-banner small{display:block}.online-banner b{font-size:21px}.online-banner small{font-size:14px;margin-top:4px;color:#f5dce5}.online-status{padding:12px 16px;border-radius:14px;background:#fff0c1;color:#563d04;font-weight:750}.online-error:not(:empty){border:2px solid #b92136;padding:13px;border-radius:12px;background:#fff1f3;color:#951128}.online-panel{background:white;border:1px solid #e4d6db;border-radius:20px;padding:20px;margin:18px 0}.online-panel h2{margin-top:0;font-size:23px}.online-panel input:not([type=checkbox]),.online-panel select{width:100%;min-height:48px;padding:10px;border:1px solid #cbbfc5;border-radius:10px;background:white}.online-panel label{margin:12px 0;display:block;font-weight:700}.online-panel .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.online-panel .check input{margin-top:6px}.online-panel .muted{font-size:14px}.online-profile{display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:#fff5f6;border:2px solid #efd1d8;margin:10px 0;padding:16px}.online-profile span{font-size:28px;color:#c8102e}.online-profile small{display:block}.online-rooms{display:grid;gap:18px}.online-table{width:100%;border-collapse:collapse;font-size:14px}.online-table td,.online-table th{padding:12px 5px;text-align:left;border-bottom:1px solid #eadde0}.online-table th:last-child,.online-table td:last-child{text-align:right}.invite-code{display:block;padding:12px;margin:12px 0;background:#fff2c7;border:1px dashed #bf952c;border-radius:12px;font-family:monospace;font-size:18px;letter-spacing:2px;text-align:center;overflow-wrap:anywhere}.online-panel details{padding:12px 0}.online-panel summary{font-weight:700;cursor:pointer}.online-panel .danger{color:#a81027}.online-small-row{display:flex;flex-wrap:wrap;gap:10px}.online-note{padding:16px;border-left:4px solid #cf1735;background:#fff1f3;border-radius:10px}.online-finish{text-align:center}.online-finish>span{font-size:54px;color:#cf1735}#online-feedback:empty{display:none}#online-feedback:not(:empty){margin:15px 0;padding:16px;background:#fff4d1;border-radius:14px}#online-play .play-layout{align-items:start}#online-content{max-width:850px;margin:auto}button:disabled{opacity:.6;cursor:wait} @media(min-width:760px){.online-rooms{grid-template-columns:1fr 1fr}}