/* V232 — Starter Mission explanations and Initiate's Grace status. */
#starterGuideOverlayV232{
  position:fixed;inset:0;z-index:1200000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(1,4,8,.78);backdrop-filter:blur(2px);
}
#starterGuideOverlayV232.open{display:flex}
.starterGuideCardV232{
  width:min(520px,88vw);padding:22px;border:2px solid #b17c1c;background:linear-gradient(150deg,#121b24,#080c11 72%);
  box-shadow:0 0 0 3px #06090c,0 0 0 5px #3a2c13,0 18px 60px #000;color:#cbd5da;font-family:var(--font-ui);
}
.starterGuideCardV232 small{color:#d9ad4c;font-size:11px;font-weight:900;letter-spacing:1.5px}
.starterGuideCardV232 h2{margin:8px 0 12px;color:#ffe19a;font:900 24px var(--font-display);letter-spacing:1.5px}
.starterGuideCardV232 p{min-height:72px;margin:0;white-space:pre-line;font-size:11px;font-weight:700;line-height:1.65}
.starterGuideCardV232 button{
  width:100%;min-height:40px;margin-top:16px;border:2px solid #bd8522;background:linear-gradient(#68420e,#302008);
  color:#ffe09a;font:900 11px var(--font-ui);letter-spacing:1px;cursor:pointer;
}
.starterGuideCardV232 button:hover{filter:brightness(1.18)}

#starterGraceHudV232{
  position:absolute;z-index:41;right:16px;top:86px;width:min(340px,38vw);padding:9px 11px;
  border:1px solid #9c7027;background:rgba(7,12,17,.94);box-shadow:inset 0 0 0 2px #171107,0 4px 18px #000b;
  color:#aebbc3;font:700 11px/1.45 var(--font-ui);pointer-events:none;
}
#starterGraceHudV232 strong{display:block;margin-bottom:4px;color:#f1c968;font-size:11px;letter-spacing:1px}
#starterGraceHudV232 span{display:block;padding:3px 0;color:#7fe5a4;border-top:1px solid #263923}
#starterGraceHudV232 span::before{content:'◆';margin-right:6px;color:#e6bd58}
#starterGraceHudV232 em{display:block;margin-top:4px;color:#d89c66;font-style:normal}
/* V502: titulo e o botao de abrir/fechar (a caixa em si nao pega clique). */
#starterGraceHudV232 .graceHudToggleV502{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;pointer-events:auto}
#starterGraceHudV232 .graceHudToggleV502 strong{margin:0!important}
#starterGraceHudV232 .graceHudToggleV502 i{font-style:normal;color:#f1c968}
#starterGraceHudV232.collapsed{width:auto!important;min-width:0}

@media(max-width:850px){
 #starterGraceHudV232{right:8px;top:68px;width:260px;padding:6px 8px}
 .starterGuideCardV232{padding:16px}.starterGuideCardV232 h2{font-size:19px}
}