/* B.A.: all animation advances through integer sprite frames. */
.pixel-bot{position:absolute;width:var(--bot-width);height:0;pointer-events:none;user-select:none;z-index:3;isolation:isolate}
.pixel-bot[hidden]{display:none}
.pixel-bot-back{position:absolute;left:0;top:calc(-1 * var(--edge));width:var(--bot-width);height:var(--edge);overflow:hidden;pointer-events:none}
.pixel-bot-sprite{position:absolute;left:0;top:0;width:var(--bot-width);height:var(--bot-height);background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}
.pixel-bot-back .pixel-bot-sprite{background-image:url('/mascot/sprite-atlas.png?v=20261019a')}
.pixel-bot-grips{top:calc(-1 * var(--edge));background-image:url('/mascot/grips-atlas.png?v=20261019a');z-index:2}
@media(prefers-reduced-motion:reduce){.pixel-bot{display:none!important}}

.pixel-bot-antenna{position:absolute;inset:0;width:var(--bot-width);height:var(--bot-height);overflow:hidden;image-rendering:pixelated;pointer-events:none}
.pixel-bot-side .pixel-bot-back{width:var(--side-edge)}

.pixel-bot-side-inward{transform:scaleX(-1);transform-origin:50% 0}

.pixel-bot-fixed{position:fixed;z-index:801}

.pixel-bot-fall-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:801}
.pixel-bot-fall-layer[hidden]{display:none}
.pixel-bot-falling{position:absolute!important}
.pixel-bot-falling .pixel-bot-back{height:var(--bot-height)}
.pixel-bot-falling .pixel-bot-grips{display:none}

/* Page-local B.A. preference. Icon is static, including under reduced motion. */
.page-display-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}
[data-ba-toggle-slot]{display:block;width:34px;height:34px}
.ba-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;width:34px;height:34px;padding:2px;background:transparent;border:1px solid var(--border);color:var(--fg);cursor:pointer;font:500 .85rem var(--body, sans-serif)}
.ba-toggle:hover{border-color:var(--muted)}
.ba-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.ba-toggle-portrait{position:relative;display:block;flex-shrink:0;width:24px;height:27px}
.ba-toggle-icon{display:block;flex-shrink:0;width:24px;height:27px;overflow:hidden;image-rendering:pixelated}
.ba-toggle-caption{display:none}
.ba-toggle-slash{display:none;position:absolute;left:1px;top:12px;width:22px;height:2px;transform:rotate(-45deg);background:var(--fg);box-shadow:0 0 0 1px var(--header-bg)}
.ba-toggle[aria-pressed=false] .ba-toggle-slash{display:block}
.ba-toggle[aria-disabled=true]{cursor:default}
@media(max-width:700px){.page-display-controls{flex-direction:column;gap:12px;width:100%}.page-display-controls .theme-toggle{margin-top:0}.ba-toggle{width:100%;max-width:260px;height:44px;min-height:44px}.ba-toggle-caption{display:inline}}
/* Leave the brand clear of the extra control above the mobile-menu breakpoint. */
@media(min-width:701px) and (max-width:1000px){.site-header{padding-inline:24px}.site-header .brand{flex-shrink:0}.site-nav{gap:14px}}