.vb-tipsy:where(.astro-3obszlrf){grid-template-columns:minmax(0,28rem) minmax(0,1fr);grid-template-areas:"view levels""list list";align-items:start;gap:20px 24px;margin:28px 0;display:grid}.view-wrap:where(.astro-3obszlrf){grid-area:view}.levels:where(.astro-3obszlrf){grid-area:levels;grid-template-columns:repeat(auto-fill,48px);align-content:start;gap:10px;display:grid}.levels:where(.astro-3obszlrf):after{content:"Hover a level, click to keep it.";color:var(--sl-color-gray-3);grid-column:1/-1;line-height:28px}@media (hover:none){.levels:where(.astro-3obszlrf):after{content:"Tap a level to look through its eyes."}}.fd-tipsy:where(.astro-3obszlrf){grid-area:list;gap:4px;margin:0;padding:0;list-style:none;display:grid}.view:where(.astro-3obszlrf){--vig:0;--amp:0;aspect-ratio:4/3;image-rendering:pixelated;background:#000;border-style:solid;border-width:12px 16px 16px 12px;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAiklEQVQokWNgYGBgkOJn/08KZoABEOf/hxX/v13OIpqWghkAYsAEiMHLq5Rgmv/DbQbRXgYSGNjfRBrOlsKmGWYzLk14Nf9HshmbJqJsNlPmx4ul8NkcaqGAgkGuQOZL4bMZlya8mv9DbcalCWagFM38LEVOIgHZDBIkFsM1k5kxEJqhAFmQGMwAAKZ2XafYG00cAAAAAElFTkSuQmCC) 3 4 4 3/12px 16px 16px 12px repeat;position:relative;overflow:hidden}.world:where(.astro-3obszlrf){transform-origin:50% 60%;position:absolute;inset:-8%}.world:where(.astro-3obszlrf) img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.tipsy:where(.astro-3obszlrf) .world:where(.astro-3obszlrf){animation:sway calc(5.2s - var(--amp) * .45s) ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(calc(var(--amp) * -.7deg)) translate(calc(var(--amp) * -0.6%), 0)}50%{transform:rotate(calc(var(--amp) * .7deg)) translate(calc(var(--amp) * 0.6%), calc(var(--amp) * 0.3%))}}.f-dizzy:where(.astro-3obszlrf){animation:6s ease-in-out infinite dizzy}@keyframes dizzy{0%,60%,to{filter:none}72%{filter:hue-rotate(40deg)saturate(1.4)blur(1px)}84%{filter:hue-rotate(-30deg)saturate(1.2)}}.f-stumble:where(.astro-3obszlrf) .shot:where(.astro-3obszlrf),.f-stumble:where(.astro-3obszlrf) .shot{animation:4.3s ease-in-out infinite stumble}@keyframes stumble{0%,80%,to{transform:none}86%{transform:translate(5%)rotate(2deg)}}.vig:where(.astro-3obszlrf){pointer-events:none;opacity:calc(var(--vig) * 1.25);background:radial-gradient(#0000 30%,#000 105%);transition:opacity .4s;position:absolute;inset:0}.lid:where(.astro-3obszlrf){pointer-events:none;background:#000;height:51%;position:absolute;left:0;right:0;transform:scaleY(0)}.lid:where(.astro-3obszlrf).top{transform-origin:top;top:0}.lid:where(.astro-3obszlrf).bottom{transform-origin:bottom;bottom:0}.f-blink:where(.astro-3obszlrf) .lid:where(.astro-3obszlrf){animation:4s ease-in-out infinite blink}.f-longblink:where(.astro-3obszlrf) .lid:where(.astro-3obszlrf){animation:5s ease-in-out infinite longblink}@keyframes blink{0%,70%,82%,to{transform:scaleY(0)}76%{transform:scaleY(1)}}@keyframes longblink{0%,55%,90%,to{transform:scaleY(0)}62%,82%{transform:scaleY(1)}}.f-hic:where(.astro-3obszlrf) .world:where(.astro-3obszlrf){animation:sway calc(5.2s - var(--amp) * .45s) ease-in-out infinite, hop 2.6s ease-out infinite;animation-composition:add}@keyframes hop{0%,88%,to{translate:0}92%{translate:0 -3%}}.hic-txt:where(.astro-3obszlrf){color:#fff;text-shadow:2px 2px #3f3f3f;opacity:0;pointer-events:none;position:absolute;top:24%;right:14%}.f-hic:where(.astro-3obszlrf) .hic-txt:where(.astro-3obszlrf){animation:2.6s ease-out infinite hic}@keyframes hic{0%,86%{opacity:0;transform:translateY(6px)}90%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}.hud:where(.astro-3obszlrf){gap:4px;display:flex;position:absolute;top:8px;right:8px}.eff:where(.astro-3obszlrf){background:#00000073;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff59}.eff:where(.astro-3obszlrf)[hidden]{display:none}.eff:where(.astro-3obszlrf) img:where(.astro-3obszlrf){image-rendering:pixelated}.eff:where(.astro-3obszlrf) b:where(.astro-3obszlrf){color:#fff;text-shadow:2px 2px #3f3f3f;font-size:20px;font-weight:400;position:absolute;bottom:-2px;right:2px}.chat:where(.astro-3obszlrf){color:#fff;text-shadow:2px 2px #3f3f3f;background:#00000080;max-width:calc(100% - 16px);margin:0;padding:0 6px;line-height:28px;position:absolute;bottom:8px;left:8px}.view-cap:where(.astro-3obszlrf){margin-top:6px}.lvl-name:where(.astro-3obszlrf){color:var(--sl-color-text-accent)}.pip:where(.astro-3obszlrf){width:48px;height:48px;font:inherit;color:#fff;text-shadow:2px 2px #000;cursor:pointer;background:color-mix(in srgb, #a8283f calc((var(--lvl) - 1) * 25%), #e8a23c);border:0;place-items:center;font-size:20px;transition:transform .12s cubic-bezier(.3,1.6,.5,1);display:grid;box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0000004d,0 0 0 2px #000}.pip:where(.astro-3obszlrf)[data-level="0"]{background:#5f8f3a}.pip:where(.astro-3obszlrf):hover,.pip:where(.astro-3obszlrf):focus-visible{outline:none;transform:translateY(-3px)}.pip:where(.astro-3obszlrf)[aria-checked=true]{box-shadow:inset 2px 2px 0 #ffffff4d, inset -2px -2px 0 #0000004d, 0 0 0 2px #000, 0 0 0 5px var(--vb-gilt);transform:translateY(-3px)}li:where(.astro-3obszlrf){cursor:pointer;align-items:center;gap:14px;padding:4px 8px 4px 4px;font-size:20px;line-height:30px;transition:background-color .12s;display:flex;margin:0!important}li:where(.astro-3obszlrf):hover,li:where(.astro-3obszlrf).on{background:var(--fd-surface-2);box-shadow:inset 4px 0 0 var(--sl-color-text-accent)}.lvl:where(.astro-3obszlrf){color:#fff;text-shadow:2px 2px #000;background:color-mix(in srgb, #a8283f calc((var(--lvl) - 1) * 25%), #e8a23c);flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0000004d}.heavy:where(.astro-3obszlrf){vertical-align:middle;flex-wrap:wrap;gap:6px;margin-left:8px;display:inline-flex}@media (width<=40rem){.vb-tipsy:where(.astro-3obszlrf){grid-template-columns:1fr;grid-template-areas:"view""levels""list"}.levels:where(.astro-3obszlrf){grid-template-columns:repeat(6,1fr)}.pip:where(.astro-3obszlrf){width:auto}}@media (prefers-reduced-motion:reduce){.view:where(.astro-3obszlrf) :where(.astro-3obszlrf),.view:where(.astro-3obszlrf){animation:none!important}}