.party-room .room-actions>.room-settings-trigger{display:flex;align-items:center;gap:6px;border-right:1px solid #8b99ae30;border-radius:0;padding-right:14px!important;margin-right:4px;white-space:nowrap}.room-settings-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.room-settings-trigger:disabled{opacity:.35;cursor:not-allowed}.room-settings-trigger:not(:disabled):hover{color:#5268c8!important}
#party-settings.room-settings-glass{width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;color:#263348;border:1px solid #ffffffb8;background:linear-gradient(140deg,#ffffff75,#e8edf244);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px 1px #fff9,0 24px 70px #15233e35;border-radius:22px;overflow:auto;box-sizing:border-box}
#party-settings.room-settings-glass::backdrop{background:#15213b18;backdrop-filter:blur(2px)}#party-settings.room-settings-glass h2{font-size:calc(21px * var(--pg-ts,1));letter-spacing:-.5px;margin-bottom:6px}#party-settings.room-settings-glass h2+p{color:#64738a;margin:0 0 8px;font-size:calc(12px * var(--pg-ts,1))}#party-settings.room-settings-glass .settings-close{right:14px;top:14px;width:28px;height:28px;font-size:calc(20px * var(--pg-ts,1));color:#8793a4;padding:0;border:0;background:transparent}#party-settings.room-settings-glass h3{font-size:calc(12px * var(--pg-ts,1));margin:18px 0 9px;font-weight:600}
.room-settings-fields{margin-top:20px;display:grid;gap:12px}.room-settings-fields label{display:grid;gap:7px;font-size:calc(12px * var(--pg-ts,1));font-weight:600}.room-settings-fields input,.room-settings-fields textarea,.room-settings-fields select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #8a9bb32b;border-radius:9px;background:#ffffff35;color:inherit;padding:10px 11px;font:400 calc(13px * var(--pg-ts,1))/1.5 Arial,"PG Hangul",sans-serif}.room-settings-fields textarea{resize:vertical;min-height:66px}.rs-pair{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}.rs-visibility{display:flex;gap:5px;background:#687a9410;padding:4px;border-radius:11px}#party-settings .rs-visibility button{flex:1;margin:0;padding:9px;border:0;background:transparent;color:inherit}#party-settings .rs-visibility button[aria-pressed=true]{background:#ffffff80;box-shadow:0 2px 8px #25395710;color:var(--pg-accent)}.rs-visibility-note{font-size:calc(11px * var(--pg-ts,1))!important;color:#718098;margin:-5px 0 0;line-height:1.5}
#party-settings.room-settings-glass #cover-draft{height:76px;min-height:0;overflow:hidden;background:#8b99ad18;display:grid;place-items:center}#party-settings #cover-draft svg{width:28px;height:28px}#party-settings #cover-draft img{width:100%;height:100%;object-fit:cover}#party-settings.room-settings-glass .cover-picker{padding:8px 10px;background:#ffffff30}#party-settings .cover-picker input{font-size:calc(10px * var(--pg-ts,1))}#party-settings.room-settings-glass .settings-actions{position:sticky;bottom:-28px;margin:18px -28px -28px;padding:16px 28px;background:#e9edf3b8;backdrop-filter:blur(18px);border-top:1px solid #ffffff70}#party-settings.room-settings-glass #cover-save{background:var(--pg-btn-bg);border-color:transparent;border-radius:9px;padding:10px 18px;color:var(--pg-btn-fg)}#party-settings.room-settings-glass #cover-error:empty{display:none}
.dark #party-settings.room-settings-glass{background:linear-gradient(140deg,#2c374ca8,#202c3c80);border-color:#c1d4f030;color:#edf2fa}.dark .room-settings-fields input,.dark .room-settings-fields textarea,.dark .room-settings-fields select{background:#111c292e}.dark #party-settings .rs-visibility button[aria-pressed=true]{background:#bdceff24;color:#b8c9ff}.dark #party-settings.room-settings-glass .settings-actions{background:#1d293bba;border-color:#ffffff12}.dark #party-settings.room-settings-glass h2+p,.dark .rs-visibility-note{color:#aab9ce}
:is(#party-preview,.party-preview).party-room .room-actions{gap:6px;flex-shrink:0}.party-room .room-title{min-width:0}.party-room .room-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#party-preview,.party-preview).party-room .room-icon-menu{display:inline-flex;align-items:center;justify-content:flex-start;gap:0;min-width:32px;height:32px;padding:8px!important;border:0;border-radius:9px;margin:0;color:var(--room-muted);background:transparent;white-space:nowrap;transition:background 160ms ease,color 160ms ease,transform 160ms ease}.room-icon-menu svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.room-icon-menu .room-icon-label{display:block;max-width:0;opacity:0;overflow:hidden;transform:translateX(-4px);font:500 calc(11px * var(--pg-ts,1))/1.2 Arial,"PG Hangul",sans-serif;transition:max-width 200ms ease-out,opacity 150ms ease-out,transform 200ms ease-out,padding-left 200ms ease-out;padding-left:0}.room-icon-menu:focus-visible .room-icon-label{max-width:120px;opacity:1;transform:none;padding-left:7px}.room-icon-menu:focus-visible{outline:2px solid #8091d3;outline-offset:2px}.room-icon-menu:not(:disabled):active{transform:scale(.96)}
@media(hover:hover){.room-icon-menu:not(:disabled):hover{background:#8296bc15!important;color:var(--pg-accent)!important}.room-icon-menu:not(:disabled):hover .room-icon-label{max-width:120px;opacity:1;transform:none;padding-left:7px}}
@media(prefers-reduced-motion:reduce){.room-icon-menu,.room-icon-menu .room-icon-label{transition:none!important;transform:none!important}}
#party-settings.room-settings-glass #cover-draft{width:auto;max-width:none}#party-settings.room-settings-glass .cover-picker{position:relative;overflow:hidden;padding:10px 14px;margin-bottom:10px}#party-settings.room-settings-glass .cover-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}#party-settings.room-settings-glass .cover-picker:focus-within{outline:2px solid #8091d3;outline-offset:2px}#party-settings.room-settings-glass>small{display:block;clear:both;line-height:1.6}#party-settings.room-settings-glass #cover-reset{vertical-align:top;margin-top:4px}
/* 2026-10-04 Claude: three visibility choices (public, private with text hidden, private with text shown) in one row. */
.rs-visibility button{white-space:nowrap;font-size:calc(12px * var(--pg-ts,1));padding:9px 6px}
/* 2026-10-05 Claude: long labels (German and other languages on a phone) wrap inside their button instead of pushing the settings window sideways
   (clip-sweep: 32 px too wide at 390 px in German). */
#party-settings .rs-visibility button{white-space:normal;min-width:0;flex:1 1 0;line-height:1.25;text-align:center}

/* 2026-10-06 Claude: 오른쪽→왼쪽 언어에서는 방 설정 닫기(×)를 왼쪽 위로(아랍어에서 '방 설정' 제목과 겹치던 것). */
html[dir=rtl] .settings-close{right:auto;left:12px}
html[dir=rtl] #party-settings.room-settings-glass .settings-close{right:auto;left:14px}

/* 2026-10-07: with larger text the settings window scrolls; its Save row follows the content instead of floating over the cover buttons */
@media (min-width:761px){#party-settings.room-settings-glass .settings-actions{position:static}}