/* One integrated header control; audio belongs to the persistent host. */
body>.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;height:auto;min-height:96px;padding:14px 5%;align-items:center;background:#0c0d0d;color:#eeeae1;border-bottom:1px solid #31312d;font-family:'Malgun Gothic','맑은 고딕',Arial,sans-serif;box-sizing:border-box}
.site-header a{color:inherit;text-decoration:none}.site-header>.brand{white-space:nowrap;grid-area:auto;font-size:24px;letter-spacing:1px}.site-header>.brand span{color:#c6aa79}.site-header>nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 24px;font-size:14px;grid-area:auto}
.bgm-player{position:relative;display:flex;align-items:center;gap:12px;justify-self:end;padding:0;color:#eeeae1;line-height:1.4;border:0;background:none}
.bgm-track{min-width:0}.bgm-label{display:flex;align-items:center;gap:8px;color:#b8a786;letter-spacing:.16em;font:12px/1.4 Arial,sans-serif}.bgm-title{display:block;margin-top:3px;font-size:14px;white-space:nowrap}
.bgm-meter{display:flex;align-items:center;gap:2px;height:12px}.bgm-meter i{width:2px;height:4px;background:#b8a786}.bgm-meter i:nth-child(2){height:9px}.bgm-meter i:nth-child(3){height:6px}
.bgm-player[data-playing=true] .bgm-meter i{animation:music-meter 1s ease-in-out infinite alternate}.bgm-player[data-playing=true] .bgm-meter i:nth-child(2){animation-delay:-.3s}.bgm-player[data-playing=true] .bgm-meter i:nth-child(3){animation-delay:-.7s}
@keyframes music-meter{from{transform:scaleY(.4)}to{transform:scaleY(1.2)}}
.bgm-controls{display:flex;gap:0;align-items:center}.bgm-controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:none;color:#d4bc94;cursor:pointer;touch-action:manipulation}.bgm-controls button:hover:not(:disabled){background:#c6aa7917;color:#f0dbb4}.bgm-controls button:disabled{color:#666860;cursor:default}.bgm-controls button:focus-visible{outline:2px solid #c6aa79;outline-offset:2px}.bgm-controls svg{width:15px;height:15px;fill:currentColor}
.bgm-message{position:absolute;right:0;top:calc(100% + 8px);z-index:10;max-width:260px;width:max-content;padding:8px 11px;border:1px solid #504a3d;background:#171914;color:#dfd2b9;font-size:12px;line-height:1.6;box-shadow:0 5px 18px #0004}.bgm-message:empty{display:none}
.bgm-credits{color:#aaa99f;font-size:12px;line-height:1.7;margin-top:18px}.bgm-credits a{color:#c6aa79;text-decoration:underline;text-underline-offset:3px}
body.music-route-open{overflow:hidden!important}body.music-route-open>.site-header{position:relative;z-index:20;width:100%;max-width:none}#music-page-content{position:fixed;top:var(--music-header-height,100px);left:0;width:100%;height:calc(100vh - var(--music-header-height,100px));height:calc(100dvh - var(--music-header-height,100px));border:0;background:#0c0d0d}#music-page-content[hidden]{display:none}
body.music-route-open>[hidden]{display:none!important}.music-content-document body>header,.music-content-document #bgm-player,.music-content-document #bgm-audio{display:none!important}
@media(max-width:1200px){body>.site-header{grid-template-columns:auto 1fr;gap:12px 20px;min-height:110px}.site-header>.brand{grid-column:1;grid-row:1}.site-header>.bgm-player{grid-column:2;grid-row:1}.site-header>nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:12px 22px}}
@media(max-width:580px){body>.site-header{padding:12px 6%;gap:12px;min-height:112px}.site-header>.brand{font-size:16px;letter-spacing:.5px}.site-header>nav{font-size:14px;gap:10px 16px}.bgm-player{gap:6px}.bgm-controls button{width:40px;min-width:40px;height:44px}.bgm-title{font-size:14px}.bgm-label{font-size:12px}}
@media(max-width:350px){.site-header>.brand{font-size:14px}.bgm-player{gap:2px}.bgm-meter{display:none}.site-header>nav{gap:8px 12px}}
@media(prefers-reduced-motion:reduce){.bgm-player[data-playing=true] .bgm-meter i{animation:none}}
@media print{.bgm-player{display:none}}

.site-header>nav>a{white-space:nowrap}