/* 2026-10-08 Claude: the date bar (party-scrubber.js) */
.room-scrub{position:absolute;left:2px;width:26px;z-index:6;touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none}
.room-scrub[hidden]{display:none}
.room-scrub .scrub-track{position:absolute;left:12px;top:0;bottom:0;width:2px;border-radius:2px;background:rgba(120,132,156,.22);transition:width .15s,left .15s,background .15s}
.room-scrub:hover .scrub-track,.room-scrub.is-drag .scrub-track{left:11px;width:4px;background:rgba(120,132,156,.4)}
.room-scrub .scrub-ticks i{position:absolute;left:9px;width:8px;height:1px;background:rgba(120,132,156,.55)}
.room-scrub .scrub-ticks b{position:absolute;left:19px;transform:translateY(-50%);font-size:calc(9.5px * var(--pg-ts,1));font-weight:600;color:#7a869c;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}
.room-scrub:hover .scrub-ticks b,.room-scrub.is-drag .scrub-ticks b,.room-scrub:focus-visible .scrub-ticks b{opacity:1}
.room-scrub .scrub-thumb{position:absolute;left:8px;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--pg-btn-bg,#1f2a44);box-shadow:0 0 0 2px #fff;transition:transform .15s}
.room-scrub.is-drag .scrub-thumb{transform:scale(1.35)}
.room-scrub .scrub-tip{position:absolute;left:30px;transform:translateY(-50%);display:grid;gap:2px;width:max-content;max-width:min(300px,calc(100vw - 80px));padding:6px 11px;border-radius:12px;background:var(--pg-btn-bg,#1f2a44);color:#fff;font-size:calc(12px * var(--pg-ts,1));font-weight:600;box-shadow:0 6px 18px rgba(20,34,61,.25);pointer-events:none}
.room-scrub .scrub-tip b{white-space:nowrap}
.room-scrub .scrub-tip span{font-weight:500;opacity:.85;font-size:calc(11.5px * var(--pg-ts,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-scrub .scrub-tip[hidden]{display:none}
.room-scrub:focus-visible{outline:2px solid var(--pg-btn-bg,#1f2a44);outline-offset:2px;border-radius:8px}
body.dark .room-scrub .scrub-thumb{background:#e7ebf2;box-shadow:0 0 0 2px #1b2130}
body.dark .room-scrub .scrub-tip{background:#e7ebf2;color:#1b2130}
body.dark .room-scrub .scrub-ticks b{color:#9aa6bb}
.party-room.room-plaza-on:not(.room-plaza-glass) .room-scrub{display:none}
html body .party-room.has-scrub .room-timeline{padding-left:24px!important}

/* 2026-10-12 Claude (감독 '아바타 뒤로 숨었네 슬라이더 미리보기가'): the bar sits under the people row (z 6 vs 8), so its label at the top went behind the
   characters. The label gets its own layer above the row and its pets, and the label's centre never goes above the conversation's top edge. */
html body .party-room .room-scrub .scrub-tip{z-index:40;top:clamp(18px,var(--tip-top,0%),calc(100% - 18px))}