@font-face{font-family:monocraft;src:url(../fonts/Monocraft.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.page-mascot{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:calc(2rem + env(safe-area-inset-left,0px));z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;max-width:min(22rem,calc(100vw - 3rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));pointer-events:none}.page-mascot[data-mascot-side=left]{align-items:flex-start}.page-mascot .mascot-button{width:96px;height:112px;padding:0;border:0;background:0 0;color:inherit;font:inherit;opacity:1;pointer-events:auto;flex:none}.page-mascot .mascot-button:enabled{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.page-mascot[data-dragging=true] .mascot-button:enabled{cursor:grabbing}.page-mascot .mascot-button:focus-visible,.page-mascot .mascot-play:focus-visible{outline:2px solid var(--toc-accent);outline-offset:3px;border-radius:.35rem}.page-mascot .mascot-bubble{order:0;position:absolute;bottom:calc(100% + 1rem);right:0;width:max-content;min-width:96px;max-width:min(22rem,calc(100vw - 3rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));box-sizing:border-box;margin-bottom:0;border:12px solid transparent;border-image:url(../images/mascot-bubble-frame.svg)12 fill/12px/0 stretch;filter:drop-shadow(4px 4px 0 var(--toc-accent));border-radius:0;color:#232333;font-family:monocraft,monospace;font-size:16px;line-height:1.5;overflow-wrap:anywhere;pointer-events:auto}.page-mascot .mascot-bubble-body{display:flex;align-items:start;gap:8px;min-width:0;max-height:min(calc(35dvh - 24px),calc(18rem - 24px));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:4px 6px;background:url(../images/mascot-bubble-paper.svg)repeat;background-size:8px 8px;image-rendering:pixelated;scrollbar-width:thin}.page-mascot .mascot-bubble::after{content:"";position:absolute;right:40px;bottom:-24px;width:16px;height:16px;background:url(../images/mascot-bubble-tail.svg)no-repeat;transform:scaleX(-1);pointer-events:none}.page-mascot[data-mascot-side=left] .mascot-bubble::after{left:40px;right:auto;transform:none}.page-mascot[data-mascot-side=left] .mascot-bubble{left:0;right:auto}.page-mascot[data-mascot-vertical=top] .mascot-bubble{bottom:auto;top:calc(100% + 1rem)}.page-mascot[data-mascot-vertical=top] .mascot-bubble::after{bottom:auto;top:-24px;transform:rotate(180deg)}.page-mascot[data-mascot-side=left][data-mascot-vertical=top] .mascot-bubble::after{transform:scaleY(-1)}.page-mascot .mascot-play:focus-visible{outline-color:#232333;border-radius:0}.page-mascot .mascot-bubble p{position:relative;flex:1;min-width:0;margin:0;white-space:pre-wrap}.page-mascot .mascot-play{position:relative;flex:1;min-width:0;min-height:44px;padding:0;border:0;color:inherit;background:0 0;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.page-mascot [data-mascot-full-text]{display:block}.page-mascot .mascot-bubble:has([data-mascot-typed-text]:not([hidden])) [data-mascot-full-text]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page-mascot [data-mascot-typed-text]{display:block;min-height:1.5em;pointer-events:none}.page-mascot .mascot-play:enabled:hover{text-decoration:underline;text-decoration-color:var(--toc-accent);text-decoration-thickness:3px;text-underline-offset:4px}.page-mascot .mascot-play:disabled{cursor:default;opacity:.7}.text-asteroids-active .page-mascot{visibility:hidden}.page-mascot [hidden]{display:none}.page-mascot .mascot-sprite{display:block;width:100%;height:100%;background-image:var(--mascot-directions);background-size:300% 300%;background-position:50%;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(1px 0 0 var(--headingcolor))drop-shadow(-1px 0 0 var(--headingcolor))drop-shadow(0 1px 0 var(--headingcolor))}.page-mascot .mascot-sprite[data-sheet=reactions]{background-image:var(--mascot-blink);background-size:var(--mascot-blink-size,300% 300%)}.mascot-flow-active{max-width:100%;min-width:0;position:relative}.mascot-flow-active::before{content:none !important}.mascot-flow-cloned-ancestor::before{content:none !important}.mascot-flow-layer{display:block;max-width:100%;position:relative;width:100%}.mascot-flow-line{display:block;position:absolute;height:1lh;line-height:inherit;overflow:visible;text-indent:0;white-space:nowrap}.mascot-flow-fragment{display:inline}@media(max-width:600px){.page-mascot .mascot-button{width:72px;height:84px}}@media print{.page-mascot{display:none}}