.bgm-player{display:flex;flex-shrink:0;align-items:center;gap:9px;width:max-content;max-width:100%;height:38px;padding:0 11px;background:#101b29;border:1px solid #344455;border-left:2px solid #82becb;border-radius:5px;color:#e7e9e9;font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;line-height:1;box-sizing:border-box}
.bgm-player audio{display:none}
.bgm-play{display:flex;align-items:center;gap:7px;align-self:stretch;min-width:0;padding:0 10px 0 0;border:0;background:none;color:inherit;cursor:pointer;font-family:inherit;white-space:nowrap}
.bgm-mark{width:17px;height:17px;fill:none;stroke:#7e91a8;stroke-width:1.8;stroke-linecap:round}
.bgm-title{font-size:11px;font-weight:650;letter-spacing:1px}
.bgm-toggle-state{min-width:27px;padding:3px 4px;background:#202b3b;border-radius:2px;color:#a1adbd;font-size:9px;font-weight:700;text-align:center;letter-spacing:.4px}
.bgm-play[aria-pressed="true"] .bgm-toggle-state{background:#83c6d11a;color:#a0dce6}
.bgm-play[aria-pressed="true"] .bgm-mark,.bgm-play:hover .bgm-mark{stroke:#a0dce6}
.bgm-play:hover .bgm-title{color:#a0dce6}
.bgm-volume-label{display:flex;align-items:center;height:20px;border-left:1px solid #344455;padding-left:10px}
.bgm-volume{--bgm-level:35%;appearance:none;-webkit-appearance:none;width:64px;height:28px;margin:0;background:transparent;cursor:pointer}
.bgm-volume::-webkit-slider-runnable-track{height:3px;border-radius:1px;background:linear-gradient(to right,#82becb var(--bgm-level),#354459 var(--bgm-level))}
.bgm-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:11px;margin-top:-4px;border:0;border-radius:2px;background:#b7e3e9;box-shadow:0 0 0 2px #101b29}
.bgm-volume::-moz-range-track{height:3px;border-radius:1px;background:linear-gradient(to right,#82becb var(--bgm-level),#354459 var(--bgm-level))}
.bgm-volume::-moz-range-thumb{width:8px;height:11px;border:0;border-radius:2px;background:#b7e3e9;box-shadow:0 0 0 2px #101b29}
.bgm-percent{min-width:34px;color:#c7dbe1;font:11px/1.2 Consolas,monospace;font-variant-numeric:tabular-nums;text-align:right}
.bgm-play:focus-visible,.bgm-volume:focus-visible{outline:2px solid #a0dce6;outline-offset:3px;border-radius:3px}
.bgm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.header.has-bgm-control{height:auto;min-height:96px;flex-wrap:wrap;gap:12px;padding-top:18px}.header.has-bgm-control nav{order:3;width:100%;justify-content:center}.header.has-bgm-control nav a{padding:12px 0 18px}.header.has-bgm-control nav a.active:after{bottom:9px}.bgm-player{margin-left:auto}}
@media(max-width:600px){.header.has-bgm-control{gap:10px}.header.has-bgm-control nav{justify-content:space-between}}
@media print{.bgm-player{display:none}}