.sabe-breadcrumbs { box-sizing: border-box; flex: 0 0 auto; width: 100%; margin: 0; padding: 4px clamp(16px, 4vw, 48px); color: #161616; background: #f4f4f4; border-bottom: 1px solid #c6c6c6; font: 400 14px/1.5 var(--font-geist-sans, "IBM Plex Sans", system-ui, sans-serif); text-align: left; touch-action: auto; user-select: text; }
.sabe-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; list-style: none; margin: 0; padding: 0; }
.sabe-breadcrumbs li { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; margin: 0; padding: 0; }
.sabe-breadcrumbs li + li::before { content: ""; flex: 0 0 auto; width: 5px; height: 5px; margin: 0 12px 0 2px; border-top: 1px solid #525252; border-right: 1px solid #525252; transform: rotate(45deg); }
.sabe-breadcrumbs a, .sabe-breadcrumbs [aria-current="page"] { display: inline-flex; align-items: center; min-height: 36px; max-width: 100%; padding: 2px 0; overflow-wrap: anywhere; font: inherit; color: inherit; }
.sabe-breadcrumbs a { color: #0043ce; text-decoration: underline; text-underline-offset: 3px; border: 0; }
.sabe-breadcrumbs a:hover { color: #002d9c; text-decoration-thickness: 2px; }
.sabe-breadcrumbs a:focus-visible { outline: 2px solid #0f62fe; outline-offset: 3px; }
.sabe-breadcrumbs [aria-current="page"] { color: #525252; }
.sabe-breadcrumbs .sabe-location-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
html[lang="es"] .sabe-breadcrumbs .sabe-label-en, html[lang="en"] .sabe-breadcrumbs .sabe-label-es { display: none; }
body.sabe-game-shell { display: flex; flex-direction: column; height: 100vh; height: 100dvh; overflow: hidden; }
body.sabe-game-shell > #root, body.sabe-game-shell > .app-shell, body.sabe-game-shell > .sabe-game-surface { flex: 1 1 0; min-height: 0; width: 100%; height: auto; position: relative; }
@media print { .sabe-breadcrumbs { display: none; } }