body.room-page{--primary-color:var(--accent);--background:var(--page-bg);--sidebar-bg:var(--surface-strong);--message-bg:var(--surface-soft);--text-color:var(--text-main);--input-bg:var(--surface-soft);--border-color:var(--line);--shadow-color:var(--glass-shadow);--timestamp-color:var(--text-subtle);background:var(--page-bg);color:var(--text-main)}.room-page .sidebar{background:var(--surface-strong)}.room-page .game-header{background:var(--surface-strong);min-height:64px}.room-page .game-title{letter-spacing:-.02em;font-size:17px;font-weight:600}.room-page .room-back{color:var(--text-subtle);border:1px solid var(--line);border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:4px;padding:7px 10px;font-size:12px;text-decoration:none;display:flex}.room-page .profile-setup{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);width:min(440px,100%);max-width:none;box-shadow:none;margin:20px auto;padding:28px;animation:none}.room-page .profile-title{letter-spacing:-.03em;margin-bottom:22px;font-size:21px;font-weight:600}.room-page .profile-input{border:1px solid var(--line-strong);border-radius:var(--radius-lg);min-height:46px;color:var(--text-main);background:var(--surface-soft);font:inherit}.room-page .profile-input::placeholder{color:var(--text-subtle)}.room-page .color-picker{gap:12px;margin:20px 0}.room-page .color-option{width:28px;height:28px}.room-page .role-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.room-page .role-btn{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);min-height:42px;color:var(--text-subtle);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.room-page .role-btn.selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.room-page .profile-save-btn,.room-page .join-room-btn{background:var(--accent);min-height:44px;color:var(--page-bg);border:1px solid var(--accent);border-radius:var(--radius-lg);font-weight:600}.room-page .join-room-input{border:1px solid var(--line);border-radius:var(--radius-lg)}.room-page .question-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:24px}.room-page .option-btn{border:1px solid var(--line);border-radius:var(--radius-lg)}@media (width<=640px){.room-page .profile-setup{padding:24px 20px}.room-page .game-container{padding:16px}.room-page .game-title{font-size:15px}.room-page .game-header{gap:12px;padding:12px 16px}}