.museum-bottom-hud{
  --museum-bottom-hud-height:106px;
  position:absolute;
  z-index:17;
  left:0;
  right:0;
  bottom:0;
  height:var(--museum-bottom-hud-height);
  display:grid;
  grid-template-rows:minmax(0,1fr) 46px;
  border-top:3px solid #77a6b6;
  background:linear-gradient(180deg,#17384a,#0a2231 54%,#071925);
  box-shadow:0 -5px 14px #00111e88;
  color:#f4fbff;
  font-family:'NeoDunggeunmo Pro',NeoDunggeunmo,Galmuri11,'Malgun Gothic',sans-serif;
  word-break:keep-all;
  overflow-wrap:normal;
  isolation:isolate;
}
.museum-bottom-hud[hidden]{display:none}
.museum-hud__halls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:5px;padding:7px 8px 5px}
.museum-hud__hall{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 9px;align-items:center;gap:4px 5px;min-width:0;padding:5px 7px;border:1px solid #7295a377;border-top:3px solid var(--hall-color);border-radius:8px;background:#163446}
.museum-hud__hall-name{overflow:hidden;color:#f5fbff;font-size:11px;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.museum-hud__stage{color:#c1d9e2;font:800 10px Pretendard,'Noto Sans KR','Malgun Gothic',system-ui,sans-serif;white-space:nowrap}
.museum-hud__meter{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;height:9px}
.museum-hud__segment{border:1px solid #86a9b655;border-radius:2px;background:#061e2b}
.museum-hud__segment.is-on{border-color:color-mix(in srgb,var(--hall-color) 78%,#fff);background:var(--hall-color);box-shadow:0 0 7px color-mix(in srgb,var(--hall-color) 48%,transparent)}
.museum-hud__hall[data-hall="geology"]{--hall-color:#d59342}
.museum-hud__hall[data-hall="light"]{--hall-color:#3ec2e6}
.museum-hud__hall[data-hall="solution"]{--hall-color:#53b970}
.museum-hud__hall[data-hall="body"]{--hall-color:#df746a}
.museum-hud__main{display:grid;grid-template-columns:78px minmax(0,1fr) 108px;gap:6px;align-items:center;padding:4px 8px 7px;border-top:1px solid #7295a344}
.museum-hud__menu-button,.museum-hud__research,.museum-hud__growth{height:36px;border:2px solid #6f9dac;border-radius:9px;background:#f7fbf4;color:#102b3b;box-shadow:0 3px 0 #00121d77}
.museum-hud__menu-button{display:flex;align-items:center;justify-content:center;gap:5px;font-weight:900;cursor:pointer}
.museum-hud__menu-icon{font:900 18px/1 Pretendard,'Noto Sans KR',system-ui,sans-serif}
.museum-hud__growth{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:8px;padding:5px 9px;background:#102d3e;color:#f7fbff;cursor:pointer}
.museum-hud__growth-label{font-size:12px;white-space:nowrap}
.museum-hud__museum-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:13px}
.museum-hud__museum-meter .museum-hud__segment{border-color:#c4aa6666;background:#071f2c}
.museum-hud__museum-meter .museum-hud__segment.is-on{border-color:#ffe596;background:linear-gradient(180deg,#ffe493,#efb846);box-shadow:0 0 9px #ffc84f66}
.museum-hud__museum-stage{color:#ffe69d;font:900 11px Pretendard,'Noto Sans KR','Malgun Gothic',system-ui,sans-serif;white-space:nowrap}
.museum-hud__research{display:flex;align-items:center;justify-content:center;gap:5px;background:#102d3e;color:#f5fbff;font:800 11px Pretendard,'Noto Sans KR','Malgun Gothic',system-ui,sans-serif}
.museum-hud__research strong{color:#ffe294;font-size:14px}
.museum-hud__menu{position:absolute;z-index:2;left:8px;bottom:43px;width:190px;padding:7px;border:3px solid #7da7b5;border-radius:12px 12px 12px 4px;background:#0d2a3b;box-shadow:0 10px 25px #000a;transform:translateY(8px);opacity:0;pointer-events:none;transition:.16s ease}
.museum-hud__menu.is-open{transform:translateY(0);opacity:1;pointer-events:auto}
.museum-hud__menu-title{margin:0 0 6px;padding:4px 6px;color:#a9d1df;font:800 10px Pretendard,'Noto Sans KR','Malgun Gothic',system-ui,sans-serif}
.museum-hud__menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#f2f9fc;text-align:left;cursor:pointer}
.museum-hud__menu button:hover,.museum-hud__menu button:focus-visible{background:#234a5d;outline:2px solid #ffd572}
.museum-hud__menu button+button{margin-top:3px}
.museum-hud__menu-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e7f3f2;color:#123346;font:900 14px Pretendard,'Noto Sans KR',system-ui,sans-serif}
.museum-hud__menu-button:focus-visible,.museum-hud__growth:focus-visible{outline:3px solid #ffd572;outline-offset:-1px}
.museum-hud__menu-button,.museum-hud__growth,.museum-hud__menu button{word-break:keep-all;overflow-wrap:normal}
.museum-hud__hall.is-growth-tutorial-highlight,.museum-hud__growth.is-growth-tutorial-highlight{animation:museum-growth-tutorial-highlight 1s ease-in-out 2;position:relative;z-index:3}
@keyframes museum-growth-tutorial-highlight{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 #ffd85a00}50%{filter:brightness(1.28);box-shadow:0 0 0 3px #fff0a8,0 0 22px 8px #ffc93fbb}}

@media(max-width:700px){
  .museum-bottom-hud{--museum-bottom-hud-height:118px;grid-template-rows:minmax(0,1fr) 50px}
  .museum-hud__halls{gap:3px;padding:6px 5px 4px}
  .museum-hud__hall{grid-template-columns:1fr;grid-template-rows:auto auto 8px;gap:2px;padding:4px 4px 3px;text-align:center}
  .museum-hud__hall-name{font-size:11px}
  .museum-hud__stage{font-size:10px}
  .museum-hud__meter{grid-column:auto;gap:2px;height:8px}
  .museum-hud__main{grid-template-columns:58px minmax(0,1fr) 73px;gap:4px;padding:4px 5px 6px}
  .museum-hud__menu-button{font-size:11px}
  .museum-hud__menu-icon{font-size:16px}
  .museum-hud__growth{grid-template-columns:auto minmax(52px,1fr);grid-template-rows:auto auto;gap:2px 6px;height:40px;padding:4px 6px}
  .museum-hud__growth-label{font-size:11px}
  .museum-hud__museum-meter{grid-column:1/-1;grid-row:2;height:9px}
  .museum-hud__museum-stage{grid-column:2;grid-row:1;font-size:10px;text-align:right}
  .museum-hud__research{height:40px;flex-direction:column;gap:0;font-size:10px;line-height:1.05}
  .museum-hud__research strong{font-size:13px}
  .museum-hud__menu{bottom:47px;width:176px}
}
@media(prefers-reduced-motion:reduce){.museum-hud__menu{transition:none}.museum-hud__hall.is-growth-tutorial-highlight,.museum-hud__growth.is-growth-tutorial-highlight{animation:none;outline:4px solid #ffd85a;outline-offset:-2px}}