/* KWONMO — 공용 배경음악 재생기. 화면이 색 변수만 넘겨 같은 조작을 쓴다. */
.bgm-root .bgm-player[hidden] { display:none !important; }
.bgm-root .bgm-player-box { padding:.5em .8em; border-radius:.5em; pointer-events:auto; background:var(--bgm-panel, var(--surface)); color:var(--bgm-text, var(--text)); font-size:.85rem; text-align:center; max-width:100%; }
.bgm-root .bgm-player-name { margin-bottom:.3em; text-align:center; font-size:.75rem; color:var(--bgm-credit-text, var(--text-mid)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 0 .3em var(--bgm-space, var(--bg)), 0 0 .6em var(--bgm-space, var(--bg)); }
.bgm-root .bgm-seek { display:block; width:100%; margin:0 0 .4em; accent-color:var(--bgm-accent, var(--accent)); cursor:pointer; }
.bgm-root .bgm-player-row { display:flex; gap:.3em; justify-content:center; align-items:center; }
.bgm-root .bgm-player-time { margin-right:auto; white-space:nowrap; font-size:.75rem; color:var(--bgm-dim, var(--text-dim)); font-variant-numeric:tabular-nums; }
.bgm-root .bgm-player-btn, .bgm-root .bgm-vol { padding:.25em .6em; border-radius:.3em; font:inherit; font-size:.8rem; line-height:1.2; border:var(--hairline) solid var(--bgm-line, var(--line)); background:transparent; color:var(--bgm-text, var(--text)); }
.bgm-root .bgm-player-btn { cursor:pointer; }
.bgm-root .bgm-repeat { min-width:2.2em; }
.bgm-root .bgm-vol { margin-left:auto; min-width:2.6em; cursor:ns-resize; touch-action:none; user-select:none; font-variant-numeric:tabular-nums; }
.bgm-root .bgm-music { padding:.25em .6em; border-radius:.3em; cursor:pointer; font:inherit; font-size:.8rem; border:var(--hairline) solid var(--bgm-line, var(--line)); background:transparent; color:var(--bgm-text, var(--text)); }
.bgm-root .bgm-music[aria-pressed="true"] { color:var(--bgm-space, var(--surface)); background:var(--bgm-accent, var(--accent)); border-color:var(--bgm-accent, var(--accent)); }
@media (max-width:48em) {
  .bgm-root .bgm-player-box { font-size:.78rem; }
  .bgm-root .bgm-player-btn, .bgm-root .bgm-vol { padding:.25em .45em; }
}
