@font-face{font-family:Pixel;src:url('/assets/pixel.ttf')}@font-face{font-family:Mono;src:url('/assets/mono.ttf')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Mono,monospace;font-size:15px;line-height:1.65;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent2);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.pixel{font-family:Pixel,monospace;font-weight:400;line-height:1.05}h1{font-size:clamp(44px,4.7vw,72px)}h2{font-size:clamp(34px,3.3vw,50px)}h3{font-size:29px}p+p{margin-top:16px}.wrap{width:min(1360px,calc(100% - 80px));margin:auto}.topbar{display:flex;align-items:center;gap:30px;min-height:94px;border-bottom:1px solid var(--line)}.brand{font-family:Pixel;font-size:36px;display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:cover;image-rendering:pixelated}.brand img:not([src]){display:none}nav{display:flex;gap:26px;margin-left:auto}nav a{text-decoration:none;font-size:13px}.status-tag{font-size:12px;border:1px solid var(--line);padding:5px 10px;white-space:nowrap}.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before{content:'\25A0';margin-right:12px;color:var(--accent)}.subtle{color:var(--muted)}.small{font-size:12px;line-height:1.6}.lead{font-size:16px;max-width:48ch}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:2px solid var(--ink);text-decoration:none;line-height:1.25;font-size:14px;background:var(--accent);color:var(--on-accent);box-shadow:4px 4px 0 var(--ink);min-height:48px}.secondary{background:var(--paper);color:var(--ink);box-shadow:none}.text-button{background:none;border:0;box-shadow:none;color:var(--ink);padding:8px;min-height:0;text-decoration:underline;text-underline-offset:5px}.primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.secondary:hover{background:var(--soft)}.row{display:flex;align-items:center;gap:15px}.spread{justify-content:space-between}.stack{display:grid;gap:18px}.field{display:grid;gap:8px}.field label,.label{font-size:13px;color:var(--muted)}input:not([type=range]):not([type=checkbox]),select{min-width:0;max-width:100%;background:var(--field);border:1px solid var(--line);padding:13px 14px;color:var(--ink);border-radius:0}input[type=number]{font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);height:27px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice{padding:11px 14px;border-left:3px solid var(--accent);background:var(--soft);font-size:13px}.notice.error{border-color:var(--danger);color:var(--danger)}.busy{opacity:.6;pointer-events:none}.surface{border:2px solid var(--ink);background:var(--field);box-shadow:8px 8px 0 var(--shadow)}.rule{border:0;border-top:1px solid var(--line);margin:24px 0}.section{padding:90px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:start;margin-bottom:40px}.section-head h2{max-width:620px}.section-head p{max-width:340px}.numbered{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.numbered>div{counter-increment:steps;border-top:2px solid var(--ink);padding-top:18px}.numbered>div:before{content:'0' counter(steps);font-family:Pixel;font-size:30px;color:var(--accent)}.numbered h3{margin:15px 0}.numbered p{font-size:14px;color:var(--muted)}.note-feature{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:48px}.note-feature img{aspect-ratio:3/1;object-fit:cover;image-rendering:auto;border:1px solid var(--line)}.note-feature p{margin:20px 0}.art-band{margin:0 0 48px;overflow:hidden;border:1px solid var(--line)}.art-band img{width:100%;aspect-ratio:3/1;object-fit:cover}.film-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:center}.film-layout p{margin:20px 0}.film-layout video{display:block;width:100%;background:var(--ink);border:2px solid var(--ink);aspect-ratio:16/9}.footer{padding:35px 0 25px;border-top:1px solid var(--line)}.footer-links{display:flex;gap:23px;flex-wrap:wrap;margin:20px 0}.footer .small{max-width:950px}.footer-base{display:flex;justify-content:space-between;gap:15px;align-items:center}.intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--intro);color:var(--intro-text);overflow:hidden}.intro[hidden]{display:none}.intro-top{position:absolute;top:32px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.intro .skip{border:1px solid currentColor;color:inherit;background:transparent;padding:10px 16px;cursor:pointer}.intro-title{font-family:Pixel;font-size:clamp(60px,12vw,170px);line-height:1;margin:22px 0}.intro-center{text-align:center}.intro-caption{font-size:13px;letter-spacing:.09em}.intro-bar{width:240px;height:12px;margin:35px auto;border:1px solid currentColor;padding:2px}.intro-bar span{display:block;height:100%;width:0;background:currentColor;animation:bootprogress 1.7s steps(16) both}.intro-closing{animation:closeintro .45s steps(8) both}.intro-foot{position:absolute;bottom:30px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s,transform .55s}.reveal.seen{opacity:1;transform:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;padding:14px 22px;background:var(--ink);color:var(--paper);max-width:90vw;box-shadow:4px 4px 0 var(--accent)}.toast[hidden]{display:none}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:10px;z-index:2000}.skip-link:focus{top:10px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:16px}details p{padding:16px 0;font-size:14px;max-width:90ch}.prose{max-width:780px;margin:60px auto}.prose h1{font-size:55px}.prose h2{font-size:32px;margin:40px 0 18px}.prose p,.prose li{font-size:16px;margin-bottom:18px}.prose .cover{width:100%;margin:34px 0;aspect-ratio:3/1;object-fit:cover}.prose a{color:var(--accent)}.kit-grid{display:grid;grid-template-columns:1fr 2fr;gap:28px}.kit-item{padding:20px;border:1px solid var(--line)}.kit-item img{margin-bottom:18px;max-height:380px;object-fit:contain}.kit-wide{grid-column:1/-1}.kit-item pre{white-space:pre-wrap;font:14px/1.7 Mono}.empty{padding:45px;text-align:center;border:1px dashed var(--line)}.scrollbox{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;white-space:nowrap}.data-table th,.data-table td{text-align:left;padding:18px 15px;border-bottom:1px solid var(--line);font-size:14px}.data-table th{font-size:12px;font-weight:400;color:var(--muted)}.data-table td strong{font-family:Pixel;font-size:25px;font-weight:400}.data-table tr:hover{background:var(--soft)}.numeric{font-variant-numeric:tabular-nums}.hidden{display:none!important}.logo-final{background:var(--paper)}
@keyframes bootprogress{to{width:100%}}@keyframes closeintro{to{clip-path:inset(50% 0 50% 0)}}@keyframes pulse{50%{opacity:.45}}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.topbar{gap:14px;flex-wrap:wrap;padding:15px 0}.topbar nav{order:3;width:100%;justify-content:space-between;gap:15px}.status-tag{margin-left:auto}.section{padding:60px 0}.section-head,.note-feature,.film-layout{display:grid;grid-template-columns:1fr;gap:25px}.numbered{grid-template-columns:1fr;gap:25px}.kit-grid{grid-template-columns:1fr}.kit-wide{grid-column:auto}.prose h1{font-size:43px}.intro-top,.intro-foot{left:20px;right:20px}.footer-base{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.intro{display:none!important}}

.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal{opacity:1;transform:none}html:has(.motion-paused){scroll-behavior:auto}