/* A small league help desk above the mobile navigation, never a page takeover on desktop. */
.fp-assistant { --assistant-blue: #2563eb; --assistant-navy: #123477; --assistant-border: #dbe3f0; color: #0f172a; }
.fp-assistant [hidden] { display: none !important; }
.fp-assistant button, .fp-assistant a { -webkit-tap-highlight-color: transparent; }
.fp-assistant button:focus-visible, .fp-assistant a:focus-visible { outline: 3px solid #facc15; outline-offset: 3px; }
.fp-assistant__launcher { position: fixed; z-index: 1000; right: 1.5rem; bottom: max(1.5rem, env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: .55rem; min-height: 3.5rem; padding: .7rem 1.15rem; border: 1px solid rgb(255 255 255 / .3); border-radius: 999px; background: var(--assistant-navy); color: white; font-family: inherit; font-size: .95rem; font-weight: 600; line-height: 1.2; box-shadow: 0 5px 20px rgb(18 52 119 / .2); cursor: pointer; }
.fp-assistant__launcher:hover { background: var(--assistant-blue); }
.fp-assistant__launcher svg { width: 1.5rem; height: 1.5rem; }
.fp-assistant__unread { position: absolute; top: .05rem; right: .1rem; width: .7rem; height: .7rem; border: 2px solid white; border-radius: 50%; background: #facc15; }
.fp-assistant__panel { position: fixed; z-index: 1001; right: 1.5rem; bottom: 5.8rem; display: flex; flex-direction: column; width: min(27rem, calc(100vw - 3rem)); height: min(42rem, calc(100dvh - 7.3rem)); overflow: hidden; border: 1px solid var(--assistant-border); border-radius: 1rem; background: #fff; box-shadow: 0 18px 60px rgb(15 23 42 / .2); }
.fp-assistant__header { flex: none; display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .8rem .7rem .8rem 1rem; background: var(--assistant-navy); color: white; }
.fp-assistant__identity { display: flex; align-items: center; gap: .6rem; min-width: 0; }
.fp-assistant__identity h2 { margin: 0; font-size: .95rem; font-weight: 650; line-height: 1.4; }
.fp-assistant__identity p { margin: .1rem 0 0; font-size: .72rem; line-height: 1.35; color: #dbeafe; }
.fp-assistant__mark { display: grid; place-items: center; flex: none; width: 2rem; height: 2rem; border: 1px solid #8eb4ff; border-radius: .6rem; font-size: .8rem; font-weight: 700; letter-spacing: .04em; }
.fp-assistant__actions { display: flex; flex: none; gap: .1rem; }
.fp-assistant__actions a, .fp-assistant__actions button { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: .55rem; border: 0; border-radius: .5rem; color: inherit; background: transparent; cursor: pointer; }
.fp-assistant__actions a:hover, .fp-assistant__actions button:hover { background: rgb(255 255 255 / .12); }
.fp-assistant__actions [aria-disabled="true"] { opacity: .45; cursor: progress; }
.fp-assistant__actions svg { width: 1.25rem; height: 1.25rem; }
.fp-assistant__loading { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 2rem; text-align: center; font-size: .9rem; color: #64748b; }
.fp-assistant__retry { padding: .55rem 1rem; border: 1px solid var(--assistant-border); border-radius: .6rem; color: var(--assistant-blue); background: white; cursor: pointer; }
.fp-assistant__frame { display: block; flex: 1 1 0; min-height: 0; width: 100%; border: 0; background: #fff; }
.dark .fp-assistant { --assistant-border: #334155; }
.dark .fp-assistant__panel, .dark .fp-assistant__frame, .dark .fp-assistant__retry { background: #111827; }
.dark .fp-assistant__loading { color: #cbd5e1; }
@media (max-width: 1023px) {
  .site-body .fp-assistant__launcher { display: none; }
}
@media (max-width: 639px) {
  .fp-assistant__panel { top: var(--assistant-top, 0px); right: 0; bottom: auto; width: 100%; height: var(--assistant-height, 100dvh); border: 0; border-radius: 0; }
  .fp-assistant__header { padding-top: max(.8rem, env(safe-area-inset-top)); }
}
