.specimen-viewer{flex-direction:column;display:flex}.specimen-stage{height:clamp(24rem,49vw,38rem)}.specimen-viewer:fullscreen{border-radius:0;width:100%;height:100dvh;padding:0}.specimen-viewer:fullscreen .specimen-stage{flex:1;height:auto}.specimen-viewer .creature-control:disabled{opacity:.3;cursor:wait}.specimen-flow{background:#101010;min-width:0}.flow-arrow{color:#aaa;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.flow-arrow:hover{color:#fff;background:#ffffff0d}.flow-arrow:focus-visible{outline:2px solid var(--color-planet,#48c8ee);outline-offset:2px}.specimen-flow-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;gap:8px;padding:12px max(12px,50% - 70px) 54px;display:flex;position:relative;overflow-x:auto}.specimen-flow-card{--flow-scale:.85;--flow-x:0px;--flow-y:0px;--flow-tilt:0deg;--flow-opacity:1;text-align:center;scroll-snap-align:center;min-width:0;opacity:var(--flow-opacity);transform:translate(var(--flow-x), var(--flow-y)) rotate(var(--flow-tilt)) scale(var(--flow-scale));transform-origin:bottom;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;flex:0 0 140px;padding:6px 4px 10px;transition:transform .15s ease-out,opacity .15s,background .18s}.specimen-flow-card[aria-current=page]{background:radial-gradient(at 50% 75%,#ffffff0b,#0000 72%)}.specimen-flow-card:hover{background:#ffffff0d}.specimen-flow-card:focus-visible{outline:2px solid var(--color-planet,#48c8ee);outline-offset:-2px}.specimen-flow-image{filter:drop-shadow(0 6px 6px #0008);pointer-events:none;place-items:center;height:72px;margin:0 8px 8px;display:grid;position:relative}@media (max-width:639px){.specimen-stage{height:24rem}.specimen-viewer footer{justify-content:center}.specimen-viewer footer p{text-align:center;width:100%}.specimen-flow-card{flex-basis:120px}.specimen-flow-track{padding-inline:calc(50% - 60px)}.specimen-flow-image{height:60px}}@media (prefers-reduced-motion:reduce){.specimen-flow-card{transition:none;transform:none}}.specimen-viewer:fullscreen,.specimen-viewer:fullscreen canvas{min-height:0}.specimen-switcher-dock{z-index:30;background:#0c0c0c;flex-shrink:0;height:44px;position:relative}.specimen-switcher-handle{color:#b4b1aa;letter-spacing:.08em;border-top:1px solid #ffffff08;justify-content:center;align-items:center;gap:9px;width:100%;height:44px;font-size:11px;display:flex}.specimen-switcher-handle:hover{color:#f2efe4;background:#ffffff03}.specimen-switcher-handle:focus-visible{outline-offset:-3px;outline:2px solid #48c8ee}.specimen-switcher-grip{background:#ffffff35;border-radius:2px;width:26px;height:3px}.specimen-switcher-handle svg{transition:transform .24s}.specimen-switcher-dock[data-open=true] .specimen-switcher-handle svg{transform:rotate(180deg)}.specimen-switcher-panel{opacity:0;visibility:hidden;pointer-events:none;background:#101010f7;border:1px solid #ffffff0c;border-bottom:0;border-radius:20px 20px 0 0;max-width:960px;margin-inline:auto;transition:opacity .24s,transform .28s cubic-bezier(.22,1,.36,1),visibility .24s;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;transform:translateY(16px);box-shadow:0 -18px 45px #0008}.specimen-switcher-panel .specimen-flow{background:0 0}.specimen-switcher-dock[data-open=true] .specimen-switcher-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@media (max-width:639px){.specimen-switcher-panel{border-radius:16px 16px 0 0}.specimen-flow-track{padding-bottom:36px}}@media (prefers-reduced-motion:reduce){.specimen-switcher-panel,.specimen-switcher-handle svg{transition:none;transform:none}}