@font-face{font-family:Pixelify;src:url('./assets/fonts/pixel-display.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Silkscreen;src:url('./assets/fonts/pixel-ui.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url('./assets/fonts/pixel-ui-bold.ttf') format('truetype');font-weight:700;font-display:swap}
.hero{--pixel:Pixelify,monospace;--pixel-ui:Silkscreen,monospace}.brand>span:last-child{font:500 24px/.95 var(--pixel);letter-spacing:-.9px}.brand-mark{font:600 38px/.8 var(--pixel);letter-spacing:-4px}.brand small{font-family:var(--pixel-ui);font-size:6px;letter-spacing:0;line-height:1.5;margin-top:7px}.side-rule,.eyebrow,.edition,.stage-id,.collection-header .eyebrow,.bottom-rule,.specimen-footer{font-family:var(--pixel-ui);letter-spacing:0}.side-rule{font-size:7px}.eyebrow,.detail>.eyebrow{font-size:8px;letter-spacing:0}.collection-header .eyebrow{font-size:8px;letter-spacing:0}.edition{font-size:8px}.nav button>span{font:400 10px/1.2 var(--pixel-ui)}.nav small{font:400 8px/1.45 var(--mono);letter-spacing:-.2px;margin-top:5px}.nav .ico{stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.5}.nav button{border-radius:0}.nav button[aria-current=page]{box-shadow:inset 3px 0 0 var(--accent)}.nav button[aria-current=page]:after{content:'';width:4px;height:4px;background:var(--accent);margin-left:auto;flex:none}.specimen-tab{border-radius:0;min-height:132px;background:linear-gradient(0deg,var(--panel),var(--panel));box-shadow:2px 3px 0 rgba(var(--shadow),.045)}.specimen-tab:before{font-family:var(--pixel-ui);font-size:7px}.specimen-tab:after{height:3px}.specimen-tab b{font:500 19px/1 var(--pixel);letter-spacing:-.3px}.specimen-tab i{font:400 8px/1.45 var(--mono);letter-spacing:-.3px;max-width:106px;margin-top:5px}.specimen-tab[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--panel),inset 0 0 0 3px var(--line),2px 3px 0 rgba(var(--shadow),.08)}.feature,.card,.rail button,.turn,.search,.closeup{border-radius:0}.feature h3{font:500 21px/1.05 var(--pixel);letter-spacing:-.3px}.feature .eyebrow{font:400 7px var(--pixel-ui);letter-spacing:0}.text-link{font:400 8px var(--pixel-ui)}.feature img{image-rendering:auto}.registration{font-family:var(--pixel-ui);font-size:7px}.detail h1{font:500 clamp(53px,4.9vw,72px)/.96 var(--pixel);letter-spacing:-1.8px;margin-top:12px}.detail h1 em{font:400 11px/1.4 var(--pixel-ui);letter-spacing:-.6px;margin-top:9px}.tags span{font-family:var(--pixel-ui);font-size:7px;letter-spacing:0;border-radius:0;padding:5px 6px}.detail h2{font-family:var(--pixel-ui);font-size:8px;letter-spacing:0}.sequence-labels{font-family:var(--pixel-ui);font-size:6px;letter-spacing:0}.sequence-bar{height:6px}.sequence-bar span.active:before{content:'';position:absolute;top:-3px;left:0;width:3px;height:3px;background:var(--accent)}.sequence-bar span.active:after{width:3px;height:9px;top:0}.traits dt:after{border-bottom-style:dashed;opacity:.7}.closeup b{font:500 18px/1 var(--pixel);letter-spacing:-.3px}.closeup small{font-size:9px}.closeup>.ico{stroke-linecap:square;stroke-linejoin:miter}.closeup .lens{border:1px dashed var(--line)}.closeup[aria-pressed=true]{box-shadow:3px 3px 0 rgba(var(--shadow),.08)}.turn{padding:3px;box-shadow:3px 3px 0 rgba(var(--shadow),.07)}.turn button{font:400 9px var(--pixel-ui);border-radius:0}.turn button:hover{background:var(--accent-tint);color:var(--accent)}.rail{gap:8px}.rail button{box-shadow:2px 2px 0 rgba(var(--shadow),.07);transition:background .25s,transform .12s,border .2s}.rail button:active{transform:translate(2px,2px);box-shadow:none}.rail .ico{stroke-linecap:square;stroke-linejoin:miter}.rail button.on{box-shadow:2px 2px 0 var(--line)}.caption{font:400 clamp(17px,1.55vw,23px)/1.3 var(--pixel);letter-spacing:-.2px}.scale{font-family:var(--pixel-ui);font-size:6px}.scale-bracket{width:64px;height:6px;background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 8px);background-size:100% 2px;background-repeat:no-repeat;background-position:bottom}.hint{font-family:var(--mono);font-size:8px}.bottom-rule{font-size:6px}.plate{inset:23px 0 50px}.plate i{width:12px;height:12px;border-width:0!important}.plate i:before,.plate i:after{content:'';position:absolute;background:var(--line)}.plate i:before{width:12px;height:2px}.plate i:after{width:2px;height:12px}.plate i:nth-child(2){transform:rotate(90deg)}.plate i:nth-child(3){transform:rotate(-90deg)}.plate i:nth-child(4){transform:rotate(180deg)}.stage-id{font-size:7px;left:20px}.pixel-specimen-seal{display:flex;align-items:center;gap:10px;margin:-4px 0 16px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:8px 0}.pixel-specimen-seal>svg{width:36px;height:36px;flex:none;image-rendering:pixelated;shape-rendering:crispEdges}.pixel-specimen-seal>div>span{display:block;font:400 6px var(--pixel-ui);color:var(--muted);margin-bottom:5px}.pixel-specimen-seal b{font:400 11px var(--pixel);letter-spacing:0}.pixel-specimen-seal i{font:400 7px var(--mono);color:var(--muted)}.pixel-seal-mark{color:var(--muted);margin-left:auto;font:400 13px/.65 var(--mono);opacity:.5;letter-spacing:-2px}.sprite-label{position:absolute;top:54px;right:8px;z-index:6;display:flex;align-items:center;gap:7px;pointer-events:none}.sprite-label svg{width:27px;height:27px;shape-rendering:crispEdges;animation:sprite-bob 2.6s steps(2,end) infinite}.sprite-label>span{font:400 5px/1.8 var(--pixel-ui);color:var(--muted);letter-spacing:0}.sprite-label b{font-weight:400;color:var(--ink);font-size:6px}.pixel-world{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.coordinate-grid{position:absolute;left:12%;right:12%;bottom:89px;height:53px;background-image:radial-gradient(var(--line) .9px,transparent 1px);background-size:11px 11px;transform:perspective(110px) rotateX(40deg);transform-origin:center bottom;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.field-cross{position:absolute;color:var(--line);font:400 18px var(--pixel);line-height:1}.cross-one{left:15%;top:26%}.cross-two{right:15%;top:59%;font-size:13px}.field-axis{position:absolute;top:29%;right:7%;width:22px;height:22px;display:grid;place-items:center;color:var(--muted);opacity:.6}.field-axis>span{font:400 6px var(--pixel-ui);position:absolute;top:-14px}.field-axis>i{width:14px;height:14px;position:relative;border:1px solid var(--line)}.field-axis>i:before{content:'';width:4px;height:4px;position:absolute;left:4px;top:4px;background:var(--accent)}.pixel-dust{position:absolute;inset:0}.pixel-dust>i{width:3px;height:3px;background:var(--line);position:absolute;left:16%;top:36%;animation:dust 5s steps(6,end) infinite;opacity:.4}.pixel-dust>i:nth-child(2){left:34%;top:21%;animation-delay:-1.7s}.pixel-dust>i:nth-child(3){left:73%;top:29%;animation-delay:-3s;width:2px;height:2px}.pixel-dust>i:nth-child(4){left:82%;top:71%;animation-delay:-4.4s}.pixel-dust>i:nth-child(5){left:27%;top:67%;animation-delay:-.8s}.pixel-plant{position:absolute;bottom:123px;left:8%;width:17px;height:25px;opacity:.6}.pixel-plant:before{content:'';position:absolute;bottom:0;left:4px;width:12px;height:6px;background:var(--chip);border:1px solid var(--line);box-shadow:2px -4px 0 -1px var(--line)}.pixel-plant>i{position:absolute;bottom:8px;left:9px;width:2px;height:15px;background:var(--muted);opacity:.7}.pixel-plant>i:nth-child(2){height:5px;width:6px;left:4px;bottom:18px;background:#899478;box-shadow:-3px -3px 0 -1px #899478}.pixel-plant>i:nth-child(3){width:6px;height:5px;left:11px;bottom:14px;background:#899478;box-shadow:2px -3px 0 -1px #899478}.guide h2{font:500 42px/1.05 var(--pixel);letter-spacing:-.8px}.guide h2 em{font-style:normal;color:var(--accent)}.guide-controls span{font-family:var(--pixel-ui);font-size:8px}.guide-foot{font-family:var(--pixel-ui);font-size:6px}.mobile-brand{font-family:var(--pixel);font-weight:500}.hero.focus .sprite-label{top:12px;left:17px;right:auto}.hero.focus .field-cross{opacity:.5}.hero.focus .pixel-plant{left:4%}.hero.focus .pixel-dust{opacity:.7}.search input{font-family:var(--mono);font-size:8px}.search kbd{font-family:var(--pixel-ui)}.search-results button{font-family:var(--pixel);font-size:16px}.exit-focus{font-family:var(--pixel-ui);font-size:8px}.detail>.pixel-specimen-seal{animation-delay:100ms}.hero[data-light=dusk] .coordinate-grid{opacity:.35}.hero[data-light=dusk] .pixel-plant{opacity:.7}
@keyframes sprite-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes dust{0%{opacity:0;transform:translateY(8px)}20%,70%{opacity:.7}100%{opacity:0;transform:translateY(-14px)}}
@media(max-height:800px) and (min-width:761px){.specimen-tab{min-height:122px}.detail h1{font-size:54px;margin:8px 0 13px}.detail h1 em{font-size:9px}.pixel-specimen-seal{margin:0 0 13px;padding:5px 0}.pixel-specimen-seal>svg{width:26px;height:26px}.pixel-specimen-seal>div>span{font-size:5px;margin-bottom:4px}.pixel-specimen-seal b{font-size:10px}.pixel-specimen-seal i{font-size:6px}.feature h3{font-size:19px}.closeup b{font-size:16px}.detail h2{margin-top:13px;padding-top:11px}.traits{gap:8px}.field-note{font-size:10px}.sequence{margin-top:14px}.tags{margin-bottom:12px}.tags span{font-size:6px}.specimen-footer{font-size:6px}}
@media(max-width:1150px){.brand>span:last-child{font-size:21px}.nav button>span{font-size:9px}.nav small{font-size:7px}.specimen-tab i{font-size:7px}.specimen-tab b{font-size:17px}}
@media(max-width:760px){.specimen-tab{min-height:65px}.specimen-tab b{font-size:17px}.specimen-tab i{font-size:6px;max-width:60px}.detail h1{font-size:44px;letter-spacing:-1px}.detail h1 em{font-size:9px;letter-spacing:-.3px}.pixel-specimen-seal{grid-column:1/-1;max-width:100%;margin-bottom:13px;padding:5px 0}.pixel-specimen-seal>svg{width:25px;height:25px}.pixel-specimen-seal b{font-size:11px}.pixel-specimen-seal>div>span{font-size:5px}.pixel-specimen-seal i{font-size:7px}.sprite-label{top:42px;right:0;gap:5px}.sprite-label svg{width:20px;height:20px}.sprite-label>span{font-size:4px}.sprite-label b{font-size:4px}.stage-id{font-size:6px}.caption{font-size:15px}.coordinate-grid{bottom:65px;height:36px;background-size:8px 8px}.field-axis{right:5%;top:32%}.pixel-plant{left:11%;bottom:84px;transform:scale(.8)}.cross-one{left:22%;top:24%}.cross-two{right:20%;top:68%}.detail h2{font-size:8px}.tags span{font-size:6px}.closeup b{font-size:18px}.guide h2{font-size:36px}.hero.focus .sprite-label{left:10px;top:12px}.hero.focus .sprite-label svg{width:28px;height:28px}.hero.focus .sprite-label>span{font-size:5px}.hero.focus .sprite-label b{font-size:6px}.hero.focus .exit-focus{font-size:7px}.search input{font-size:7px}.mobile-brand{font-size:24px}.turn button{font-size:8px}}
.pixel-courier-route{position:absolute;bottom:96px;right:9%;width:130px;height:31px;z-index:2;opacity:.7}.pixel-route-line{position:absolute;bottom:0;left:0;right:0;border-bottom:1px dashed var(--line)}.courier-walker{width:30px;height:30px;position:absolute;bottom:2px;left:0;shape-rendering:crispEdges;animation:walk-route 13s steps(22,end) infinite;filter:drop-shadow(1px 2px 0 rgba(var(--shadow),.08))}.pixel-parcel-stop{position:absolute;width:7px;height:7px;background:#a45f42;left:0;bottom:2px;box-shadow:2px -2px 0 -1px #e2d5b7}.pixel-route-end{position:absolute;right:-5px;bottom:-4px;font:400 11px var(--pixel);color:var(--accent)}.motion-indicator{display:flex;align-items:center;gap:7px}.motion-indicator i{height:4px;width:4px;background:#8a9274;animation:signal-pixel 2.2s steps(1,end) infinite}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .motion-indicator i{opacity:.4}.hero.focus .pixel-courier-route{right:8%;bottom:95px;width:160px}
@keyframes walk-route{0%,8%{transform:translateX(0) scaleX(1)}44%,50%{transform:translateX(102px) scaleX(1)}51%,56%{transform:translateX(102px) scaleX(-1)}91%,100%{transform:translateX(0) scaleX(-1)}}@keyframes signal-pixel{0%,65%{opacity:1}66%,100%{opacity:.3}}
@media(max-width:760px){.pixel-courier-route{width:72px;right:4%;bottom:68px;transform:scale(.8);transform-origin:right bottom}.courier-walker{animation-name:walk-route-mobile}.hero.focus .pixel-courier-route{width:72px;bottom:85px}}@keyframes walk-route-mobile{0%,8%{transform:translateX(0) scaleX(1)}44%,50%{transform:translateX(45px) scaleX(1)}51%,56%{transform:translateX(45px) scaleX(-1)}91%,100%{transform:translateX(0) scaleX(-1)}}
.collection-pager{display:flex;align-items:center;gap:5px}.collection-pager .edition{margin-right:7px}.collection-pager button{width:22px;height:22px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}.collection-pager button:hover{color:var(--accent);border-color:var(--accent)}.collection-pager .ico{height:11px;width:11px}.collection-pager #specimen-prev .ico{transform:rotate(180deg)}.tabs{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:3px 3px 7px 0;overscroll-behavior-x:contain}.tabs::-webkit-scrollbar{height:3px}.tabs::-webkit-scrollbar-thumb{background:var(--line)}.specimen-tab{flex:0 0 128px;scroll-snap-align:nearest}.new-specimen{position:absolute;top:6px;right:6px;color:var(--accent);font:400 6px var(--pixel-ui);letter-spacing:0}.nav{min-height:0;max-height:calc(100dvh - 340px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}.feature{flex-shrink:0}.side-rule{flex-shrink:0}.side-footer{flex-shrink:0}.brand{flex-shrink:0}
@media(min-width:1700px){.specimen-tab{flex-basis:145px}}@media(max-width:1150px){.specimen-tab{flex-basis:112px}.collection-pager{gap:4px}.collection-pager .edition{font-size:6px;margin-right:3px}}@media(max-width:1000px){.specimen-tab{flex-basis:126px}}@media(max-width:760px){.specimen-tab{flex:0 0 115px;min-height:67px}.tabs{padding:7px 16px 5px;max-width:100vw;flex-shrink:0;gap:7px}.new-specimen{font-size:4px;top:4px;right:4px}.specimen-tab i{font-size:6px;max-width:65px}.specimen-tab b{font-size:17px}.specimen-tab img{width:43px;height:43px}.specimen-tab>span:not(.new-specimen){text-align:left}.card{max-height:42dvh}}@media(max-height:800px) and (min-width:761px){.nav{max-height:calc(100dvh - 295px)}.nav button{padding-top:7px;padding-bottom:7px}.nav-separator{margin:5px 8px}.side-rule{margin-top:25px}.feature img{height:65px}.feature h3{font-size:17px}}
@media(max-height:800px) and (min-width:761px){.nav small{display:none}.nav button{padding-top:10px;padding-bottom:10px}.nav button>span{line-height:1.4}.nav{max-height:calc(100dvh - 290px)}.nav-separator{margin:4px 8px}}
.tabs{scroll-snap-type:none}.specimen-tab{scroll-snap-align:start}
.brand{gap:8px}.brand-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.brand>span:last-child{font-size:28px;letter-spacing:-.5px}.brand small{font-size:5px;letter-spacing:0;white-space:nowrap}.mobile-brand{display:none}.hero[data-light=dusk] .brand-logo{border-radius:2px}.hero[data-light=dusk] .mobile-brand img{border-radius:2px}@media(max-width:1150px){.brand-logo{width:34px;height:34px}.brand>span:last-child{font-size:25px}.brand small{font-size:4px}}@media(max-width:760px){.mobile-brand{display:flex;align-items:center;gap:4px;font-size:26px}.mobile-brand img{width:29px;height:29px;object-fit:contain;flex:none}.mobile-brand sup{align-self:flex-start;margin:4px 0 0 1px}.mobile-brand{white-space:nowrap;letter-spacing:-.5px}.search-wrap{flex-basis:140px}}
.agent-work-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;margin:-2px 0 14px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);box-shadow:2px 2px 0 var(--line);font:400 8px var(--pixel-ui);text-align:left}.agent-work-button:hover{filter:brightness(1.1)}.agent-work-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--line)}.agent-work-button .ico{width:14px;height:14px}.desk-top-button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);height:30px;background:var(--panel);padding:0 7px;font:400 7px var(--pixel-ui)}.desk-top-button .ico{width:13px;height:13px}.desk-top-button:hover{border-color:var(--accent);color:var(--accent)}.top{gap:5px}.search kbd{display:none}@media(max-width:760px){.agent-work-button{grid-column:1/-1;max-width:100%;font-size:8px;margin-bottom:13px}.desk-top-button{padding:0 7px;flex-shrink:0}.desk-top-button span{display:none}.top{gap:7px}.search-wrap{flex-basis:140px}.guide-button{width:22px}.mobile-brand{font-size:22px}}@media(max-height:800px) and (min-width:761px){.agent-work-button{padding:8px 9px;font-size:7px;margin-bottom:12px}.detail h1{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.pixel-dust>i,.sprite-label svg,.courier-walker,.motion-indicator i{animation:none}.pixel-dust>i{opacity:.35}}

/* Official social link, shared across desktop and mobile headers. */
.info>.top .social-x{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:var(--ink);border:1px solid var(--line);background:var(--panel);text-decoration:none;box-shadow:2px 2px 0 rgba(var(--shadow),.06)}.social-x svg{width:13px;height:13px;display:block}.info>.top .social-x:hover{background:var(--ink);border-color:var(--ink);color:var(--panel)}.info>.top .social-x:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:400px){.info>.top{gap:5px}.info>.top .social-x{width:28px;height:28px;flex-basis:28px}}