/* In-flow lobby help only: never a fixed overlay over the stadium HUD. */
.arena-browser-help { width: 100%; max-width: 560px; margin: 0 0 18px; text-align: left; }
.arena-browser-help [hidden] { display: none !important; }
.arena-browser-help button,
.arena-browser-help a { min-height: 44px; touch-action: manipulation; font: inherit; font-size: 13px; line-height: 1.5; letter-spacing: normal; text-transform: none; }
.arena-browser-help .arena-browser-help-toggle { display: block; width: 100%; padding: 10px 12px; margin: 0; border: 1px solid #74648b; border-radius: 10px; color: #ecdefc; background: #161124; text-align: left; }
.arena-browser-help-panel { position: relative; margin-top: 8px; padding: 18px; border: 1px solid #ad8dc9; border-radius: 14px; background: #1b152b; color: #fff; overflow-wrap: anywhere; }
.arena-browser-help .arena-browser-help-title { margin: 0 44px 10px 0; color: #fff; font: 700 17px/1.5 'Noto Sans KR', sans-serif; letter-spacing: normal; }
.arena-browser-help .arena-browser-help-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; padding: 0; margin: 0; border-color: transparent; background: transparent; color: #fff; font-size: 26px; }
.arena-browser-help p { margin: 10px 0; color: #e1d5ec; font-size: 13px; line-height: 1.7; }
.arena-browser-help-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
.arena-browser-help .arena-browser-help-actions > * { display: inline-flex; flex: 1 1 145px; align-items: center; justify-content: center; padding: 12px; margin: 0; border: 1px solid #ad8dc9; border-radius: 9px; color: #fff; background: #553573; text-align: center; text-decoration: none; font-weight: 700; }
.arena-browser-help .arena-browser-help-open { background: #7840a3; }
.arena-browser-help .arena-browser-help-limit { margin: 8px 0; color: #c9bad8; font-size: 12px; }
.arena-browser-help .arena-browser-help-link-label { display: block; margin: 14px 0 6px; color: #d9c8e8; font-size: 12px; }
.arena-browser-help .arena-browser-help-url { display: block; width: 100%; min-height: 44px; padding: 10px; border: 1px solid #93809f; border-radius: 8px; color: #f4eaff; background: #0f0b19; font: 16px/1.5 sans-serif; }
.arena-browser-help .arena-browser-help-status { margin: 8px 0 0; color: #f2d9ff; font-size: 12px; }
.arena-browser-help .arena-browser-help-status:empty { display: none; }
.arena-browser-help :is(button, a, input):focus-visible { outline: 3px solid #f1cbff; outline-offset: 3px; }
.arena-browser-help button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 380px) {
  .arena-browser-help-panel { padding: 14px; }
  .arena-browser-help .arena-browser-help-title { font-size: 16px; }
}