/* /create-your-orbi — "WHAT IS THE CROWN?" help chip + legible legal consent in the claim modal.
   Overlay only: sits bottom-left above the ground notice, under the inspector (z 15); never touches the field canvas or its geometry. */
.ogf-help { position: absolute; left: 12px; bottom: 36px; z-index: 6; max-width: min(300px, calc(100% - 24px)); font-family: var(--font-caption, "Pixelify Sans", monospace); }
.ogf-help summary { list-style: none; display: inline-flex; align-items: center; gap: 8px; cursor: var(--cursor-hover); padding: 6px 10px; background: rgba(5,4,10,.88);
  border: 1px solid rgba(250,180,60,.35); color: rgba(250,180,60,.9); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.ogf-help summary::-webkit-details-marker { display: none; }
.ogf-help summary::before { content: "?"; display: inline-grid; place-items: center; width: 14px; height: 14px; border: 1px solid currentColor; font-size: 12px; }
.ogf-help[open] summary::before { content: "×"; }
.ogf-help summary:hover { border-color: rgba(250,180,60,.7); }
.ogf-help summary:focus-visible, .ogf-help a:focus-visible, .ogf-legal-link:focus-visible { outline: 2px solid #fa680c; outline-offset: 2px; }
.ogf-help__body { margin-top: 6px; padding: 14px; background: rgba(8,7,12,.97); border: 1px solid rgba(250,180,60,.3); display: grid; gap: 10px; }
.ogf-help__body p { margin: 0; font-size: 12px; line-height: 1.55; letter-spacing: .03em; color: rgba(240,237,230,.82); text-transform: none; }
.ogf-help__body a { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #fa680c; text-decoration: underline; text-underline-offset: 3px; }
.ogf-consent { font-family: var(--font-caption, "Pixelify Sans", monospace); font-size: 12px; line-height: 1.55; letter-spacing: .04em; color: rgba(240,237,230,.72); margin: 4px 0 16px; }
.ogf-legal-link { color: #fa680c; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 767px) { .ogf-help { bottom: 40px; } }
/* bottom-left aux stack: Crown help + support link (help opens upward; the link stays put) */
.ogf-aux { position: absolute; left: 12px; bottom: 36px; z-index: 6; display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; max-width: calc(100% - 24px); pointer-events: none; }
.ogf-aux > * { pointer-events: auto; }
.ogf-aux .ogf-help { position: static; }
.ogf-support { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; background: rgba(5,4,10,.88); border: 1px solid rgba(240,237,230,.14); font-family: var(--font-caption, "Pixelify Sans", monospace); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(240,237,230,.55); }
.ogf-support b { font-weight: 400; color: rgba(240,237,230,.9); }
.ogf-support:hover { border-color: #fa680c; } .ogf-support:hover b { color: #fa680c; }
.ogf-support:focus-visible { outline: 2px solid #fa680c; outline-offset: 2px; }
@media (max-width: 767px) { .ogf-aux { bottom: 40px; } }