.design-lab{padding:32px 0 20px}.lab-intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.lab-intro .eyebrow{margin:0 0 8px}.lab-intro h1{font:900 clamp(3rem,5.5vw,5rem)/.95 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0}.lab-intro>p{font:.9rem/1.65 var(--mono);color:var(--muted);margin:0}.direction-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:26px;display:flex}.direction-tabs button{background:var(--black);border:1px solid var(--line);color:var(--muted);font:700 .8rem var(--mono);text-transform:uppercase;border-bottom:0;padding:13px 22px}.direction-tabs button:hover{color:var(--ink)}.direction-tabs button[aria-selected=true]{color:var(--black);background:var(--gold);border-color:var(--gold)}[role=tabpanel][hidden]{display:none}.study-layout{grid-template-columns:minmax(0,3.5fr) minmax(210px,1fr);align-items:start;gap:36px;display:grid}.artboard{min-width:0}.art-notes{border-top:4px solid var(--accent);padding-top:16px}.art-notes .eyebrow{font:700 .72rem var(--mono);margin:0}.art-notes h2{font:900 2.25rem/1 var(--display);text-transform:uppercase;margin:16px 0}.art-notes p{color:var(--muted);font-size:.9rem;line-height:1.65}.art-notes a{color:var(--accent);font:700 .8rem/1.5 var(--mono);margin-top:12px;display:inline-block}.ink-swatches{border:1px solid var(--line);margin-top:24px;display:flex}.ink-swatches i{background:var(--swatch);width:25%;height:32px}.art-notes .note-caption{font:.65rem var(--mono)}.art-boundary{color:var(--muted);font:.75rem/1.6 var(--mono);margin:28px 0 0}.fight-poster{background:var(--grit),linear-gradient(112deg,#b53c27 0 50%,#872b21 50% 100%);color:var(--ink);box-shadow:6px 6px 0 var(--black);border:1px solid #ba684a;padding:22px 28px;position:relative;overflow:hidden;container-type:inline-size}.fight-poster:before{content:"";pointer-events:none;border:1px solid #edba8370;position:absolute;inset:10px}.poster-top{font:400 16px/1.5 var(--pixel);justify-content:space-between;gap:12px;display:flex;position:relative}.poster-title{justify-content:center;align-items:baseline;margin:34px 0 8px;line-height:.8;display:flex;position:relative;transform:rotate(-5deg)skew(-6deg)}.poster-title>span{font:900 23cqi/.8 var(--display);letter-spacing:-.04em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:5px 5px #171715,8px 8px #171715}.poster-title>b{font:900 5cqi/1 var(--display);text-shadow:3px 3px #171715;margin-left:7px}.poster-subtitle{text-align:center;font:700 .72rem/1.5 var(--mono);letter-spacing:.16em;margin:32px 0 18px}.poster-roster{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin:0 0 24px;display:grid;position:relative}.poster-fighter{border-left:1px solid #edba833b;flex-direction:column;align-items:center;display:flex}.poster-fighter:first-child{border-left:0}.poster-fighter .fighter-pose{filter:drop-shadow(5px 6px #32140d)}.poster-fighter:nth-child(2n) .fighter-pose{transform:scaleX(-1)}.poster-fighter b{font:400 16px/1.5 var(--pixel);text-transform:uppercase;padding-top:8px}.poster-bottom{border-top:3px solid var(--ink);font:700 .75rem/1.5 var(--mono);justify-content:space-between;align-items:end;gap:14px;padding:16px 0 0;display:flex;position:relative}.poster-bottom a{color:var(--ink);background:var(--black);font:400 16px/1.5 var(--pixel);padding:12px;text-decoration:none}.poster-bottom a:hover{background:var(--ink);color:var(--black)}.manual-board footer{border-top:1px solid var(--line);font:.65rem/1.5 var(--mono);justify-content:space-between;gap:20px;padding-top:20px;display:flex}.manual-board{background:var(--grit),#e9dfc5;color:#29251d;border-top:8px solid #a83222;padding:28px;box-shadow:6px 6px #080807}.manual-board header{font:700 .7rem/1.5 var(--mono);border-bottom:3px solid #29251d;justify-content:space-between;gap:15px;padding-bottom:14px;display:flex}.manual-content{grid-template-columns:1fr 1.1fr;gap:30px;padding:30px 0;display:grid}.manual-content .eyebrow{color:#823423;font:400 16px/1.5 var(--pixel);margin:0 0 12px}.manual-content h2{font:900 4.4rem/.95 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0}.manual-content p{font-size:.9rem;line-height:1.6}.manual-content a{font:700 .75rem/1.5 var(--mono);color:#88311f}.manual-content figure{align-self:center;margin:0}.manual-content img{width:100%;image-rendering:pixelated;border:6px solid #29251d;display:block}.manual-content figcaption{font:.65rem/1.5 var(--mono);margin-top:10px}.manual-moves{border-block:2px solid #29251d;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.manual-moves div{border-right:1px solid #8a806b;padding:14px 10px}.manual-moves div:last-child{border:0}.manual-moves b{font:400 16px/1.5 var(--pixel);color:#88311f;display:block}.manual-moves span{font:700 1rem var(--mono)}.manual-board footer{border:0;padding:0}@container (width<=600px){.poster-top{font-size:8px}.poster-fighter .fighter-pose{background-size:calc(var(--frames) * 96px) 120px;background-position:calc(var(--pose) * -96px) 0;width:96px;height:120px}.poster-bottom a{font-size:8px}}@container (width<=390px){.poster-fighter .fighter-pose{background-size:calc(var(--frames) * 64px) 80px;background-position:calc(var(--pose) * -64px) 0;width:64px;height:80px}.poster-fighter b{font-size:8px}.poster-subtitle{letter-spacing:.05em;font-size:.55rem}.poster-bottom{font-size:.55rem}.poster-title>span{-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px #171715,5px 5px #171715}}@media (width<=1050px){.study-layout{grid-template-columns:minmax(0,1fr);gap:28px}.art-notes{display:none}}@media (width<=760px){.design-lab{padding-top:24px}.lab-intro{margin-bottom:22px;display:block}.lab-intro>p{margin-top:16px;font-size:.8rem}.lab-intro h1{font-size:3rem}.direction-tabs{gap:4px}.direction-tabs button{flex:1;padding:11px 8px;font-size:.65rem;line-height:1.4}.fight-poster{padding:18px}.poster-title{margin-top:28px}.poster-subtitle{margin-top:25px}.poster-roster{margin-bottom:22px}.poster-bottom a{padding:10px 8px}.manual-board{padding:20px}.manual-board footer{flex-direction:column;gap:12px}.manual-content{grid-template-columns:1fr;gap:24px;padding:24px 0}.manual-content h2{font-size:3.5rem}.manual-moves div{padding:10px 5px}.manual-moves b{font-size:8px}.art-boundary{font-size:.7rem}}.lab-intro h1{font-size:clamp(2rem,4vw,3.3rem)}.theme-desk{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);margin-bottom:14px;padding:12px 0;position:sticky;top:0}.poster-logo i{font-style:normal}.theme-note{display:none}:root:not([data-art-theme]) .theme-note-a,:root[data-art-theme=a] .theme-note-a,:root[data-art-theme=b] .theme-note-b,:root[data-art-theme=c] .theme-note-c,:root[data-art-theme=d] .theme-note-d{display:block}:root[data-art-theme=b] .fight-poster{color:#e4ddbf;background:url(/assets/label-scuffs.svg), var(--grit), #10130f;border:12px solid #343733;outline:1px solid #72776c;padding:26px 40px;box-shadow:6px 7px #080a08}:root[data-art-theme=b] .fight-poster:before{border:0;border-inline:12px solid #0000;border-image:repeating-linear-gradient(0deg,#454941 0 3px,#22271f 3px 6px) 12;inset:0}:root[data-art-theme=b] .poster-top{color:#20251d;background:#e4ddbf;border-bottom:6px solid #a6372b;padding:12px 10px;font-size:8px}:root[data-art-theme=b] .poster-title{flex-direction:column;align-items:center;gap:16px;margin:38px 0 24px;transform:none}:root[data-art-theme=b] .poster-title>span{font:400 14cqi/1 var(--pixel);letter-spacing:0;-webkit-text-stroke:0;text-shadow:4px 4px #626952}:root[data-art-theme=b] .poster-title>b{font:400 24px/1 var(--pixel);letter-spacing:.25em;color:#dd7056;text-shadow:none;margin:0}:root[data-art-theme=b] .poster-subtitle{font:400 16px/1.5 var(--pixel);letter-spacing:0;text-align:center;max-width:26em;margin:0 auto 28px}:root[data-art-theme=b] .poster-roster{background:repeating-linear-gradient(90deg,#e4ddbf06 0 1px,#0000 1px 8px);border-block:2px solid #788064;padding:16px 0 22px}:root[data-art-theme=b] .poster-fighter{border-color:#788064}:root[data-art-theme=b] .poster-fighter .fighter-pose{filter:drop-shadow(4px 4px #434d32)}:root[data-art-theme=b] .poster-bottom{color:#e4ddbf;border:0;padding:0}:root[data-art-theme=b] .poster-bottom a{color:#f1e6c9;background:#a6372b;border:2px solid #e4ddbf}:root[data-art-theme=b] .roster-board{background:url(/assets/label-scuffs.svg),#10130f;border:10px ridge #4d5248}:root[data-art-theme=b] .roster-board h2{font:400 clamp(20px,3vw,32px)/1.35 var(--pixel)}:root[data-art-theme=b] .manual-board{background:url(/assets/label-scuffs.svg),var(--grit),#e4ddbf;border:8px double #293021;box-shadow:6px 6px #080a08}:root[data-art-theme=b] .manual-content h2{font:400 clamp(24px,4vw,40px)/1.3 var(--pixel)}:root[data-art-theme=b] .art-notes h2{font:400 24px/1.35 var(--pixel)}:root[data-art-theme=c] .direction-tabs button{background:var(--paper);color:var(--ink)}:root[data-art-theme=c] .direction-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}:root[data-art-theme=c] .fight-poster{color:#171713;clip-path:polygon(0 0,100% 0,99.5% 15%,100% 32%,99.4% 50%,100% 73%,99.6% 100%,85% 99.5%,72% 100%,53% 99.4%,34% 100%,12% 99.6%,0 100%,.6% 79%,0 59%,.5% 38%,0 17%);background:url(/assets/copier-distress.svg),#ded8c7;border:0;border-top:12px solid #171713;box-shadow:7px 8px #171713}:root[data-art-theme=c] .fight-poster:before{border:2px dashed #17171365;inset:15px}:root[data-art-theme=c] .fight-poster:after{content:"";mix-blend-mode:multiply;opacity:.35;pointer-events:none;background:url(/assets/copier-distress.svg);position:absolute;inset:0}:root[data-art-theme=c] .poster-top{font:700 .72rem/1.4 var(--mono);border-bottom:3px solid #171713;padding-bottom:12px}:root[data-art-theme=c] .poster-title{color:#e9e4d5;background:#171713;justify-content:flex-start;margin:28px 4px 12px;padding:20px 14px 18px;transform:rotate(-3deg)}:root[data-art-theme=c] .poster-title>span{font-family:var(--display);-webkit-text-stroke:0;text-shadow:2px 0 #e9e4d5;font-size:20cqi}:root[data-art-theme=c] .poster-title>b{text-shadow:none;font-size:5cqi}:root[data-art-theme=c] .poster-subtitle{font:700 .78rem/1.4 var(--mono);letter-spacing:.1em;text-align:left;margin:22px 0 10px;padding:8px 4px}:root[data-art-theme=c] .poster-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0 0 20px}:root[data-art-theme=c] .poster-fighter{background:linear-gradient(-15deg,#0000 0 60%,#1717130d 60% 75%,#0000 75%);border:2px solid #171713;flex-direction:row;justify-content:center;gap:10px;padding:4px}:root[data-art-theme=c] .poster-fighter .fighter-pose{filter:grayscale()contrast(1.65)drop-shadow(3px 2px #17171360)}:root[data-art-theme=c] .poster-fighter b{color:#171713;font:400 clamp(16px,2vw,28px)/1 var(--display);border-bottom:3px solid #842e23;transform:rotate(-3deg)}:root[data-art-theme=c] .poster-bottom{border-color:#171713}:root[data-art-theme=c] .poster-bottom a{color:#e9e4d5;font-family:var(--mono);background:#171713;font-weight:700}:root[data-art-theme=c] .roster-board{background:url(/assets/copier-distress.svg),#ded8c7;border:4px solid #171713}:root[data-art-theme=c] .roster-board .fighter-pose{filter:grayscale()contrast(1.65)}:root[data-art-theme=c] .sprite-stage{background:repeating-linear-gradient(0deg,#0000 0 7px,#17171315 7px 8px)}:root[data-art-theme=c] .roster-fighter:hover{background:#1717130c}:root[data-art-theme=c] .manual-board{background:url(/assets/copier-distress.svg),#e4dfd0;border:3px solid #171713;box-shadow:7px 7px #171713}:root[data-art-theme=c] .manual-content img{filter:grayscale()}:root[data-art-theme=d] .fight-poster{background:var(--grit),repeating-linear-gradient(0deg,#0000 0 3px,#0004 3px 4px),#101925;color:#f0dfad;border:8px solid #9d7c40;outline:2px solid #060b13;padding:20px 28px;box-shadow:0 0 0 2px #e4b857,7px 8px #060b13}:root[data-art-theme=d] .fight-poster:before{border:2px solid #70aaa075;inset:9px}:root[data-art-theme=d] .poster-top{color:#101925;background:#d3ae59;border-bottom:4px solid #ad5740;padding:10px;font-size:8px}:root[data-art-theme=d] .poster-title{margin:40px 0 10px;transform:none}:root[data-art-theme=d] .poster-title>span{font:400 13cqi/1 var(--pixel);letter-spacing:0;-webkit-text-stroke:0;text-shadow:0 5px #7b6033}:root[data-art-theme=d] .poster-logo i:first-child,:root[data-art-theme=d] .poster-logo i:nth-child(5){color:#e4b857}:root[data-art-theme=d] .poster-logo i:nth-child(2),:root[data-art-theme=d] .poster-logo i:nth-child(4){color:#70aaa0}:root[data-art-theme=d] .poster-logo i:nth-child(3){color:#ee9b70}:root[data-art-theme=d] .poster-title>b{font:400 16px/1 var(--pixel);writing-mode:vertical-rl;text-shadow:none;margin-left:16px}:root[data-art-theme=d] .poster-subtitle{color:#70aaa0;font-family:var(--pixel);letter-spacing:.1em;margin:22px 0 28px;font-size:8px}:root[data-art-theme=d] .poster-roster{gap:10px}:root[data-art-theme=d] .poster-fighter{background:#070d1599;border:2px solid #557870;border-bottom:8px solid #9d7c40;padding-top:12px}:root[data-art-theme=d] .poster-fighter b{color:#e4b857;padding:10px 0;font-size:8px}:root[data-art-theme=d] .poster-fighter .fighter-pose{filter:drop-shadow(3px 3px #517477)}:root[data-art-theme=d] .poster-bottom{border-color:#9d7c40}:root[data-art-theme=d] .poster-bottom a{color:#101925;background:#d3ae59;border:3px double #101925}:root[data-art-theme=d] .roster-board{background:var(--grit),#101925;border:4px solid #9d7c40}:root[data-art-theme=d] .roster-board h2{font:400 clamp(20px,3vw,32px)/1.35 var(--pixel)}:root[data-art-theme=d] .manual-board{background:var(--grit),#e0d4ac;border-color:#486c66}@media (width<=1050px){.art-notes{display:block}.art-notes h2 br{display:none}.art-notes h2{font-size:1.8rem}}@media (width<=760px){.lab-intro h1{font-size:2rem}.lab-intro>p{margin-top:12px;font-size:.75rem}.theme-desk{padding:8px 0}:root[data-art-theme=b] .lab-intro h1,:root[data-art-theme=d] .lab-intro h1{font:400 24px/1.35 var(--pixel)}:root[data-art-theme=b] .fight-poster{border-width:8px;padding:20px}:root[data-art-theme=b] .fight-poster:before{border-inline-width:7px}:root[data-art-theme=b] .poster-top{gap:6px;padding:10px 5px}:root[data-art-theme=b] .poster-top span:last-child{display:none}:root[data-art-theme=b] .poster-title{gap:12px;margin:28px 0 18px}:root[data-art-theme=b] .poster-title>b{font-size:16px}:root[data-art-theme=b] .poster-subtitle{margin-bottom:20px;font-size:8px}:root[data-art-theme=b] .poster-roster{margin-bottom:16px}:root[data-art-theme=c] .poster-title{margin-inline:0;padding:15px 10px}:root[data-art-theme=c] .poster-subtitle{letter-spacing:0;font-size:.65rem}:root[data-art-theme=c] .poster-roster{gap:10px}:root[data-art-theme=c] .poster-fighter{flex-direction:column;gap:4px;padding:6px 0 12px}:root[data-art-theme=c] .poster-fighter b{font-size:20px}:root[data-art-theme=d] .fight-poster{border-width:6px;padding:18px}:root[data-art-theme=d] .poster-roster{gap:5px}:root[data-art-theme=d] .poster-fighter{border-width:1px 1px 5px}:root[data-art-theme=d] .poster-fighter .fighter-pose{background-size:calc(var(--frames) * 64px) 80px;background-position:calc(var(--pose) * -64px) 0;width:64px;height:80px}:root[data-art-theme=d] .poster-bottom{font-size:.6rem}:root[data-art-theme=d] .poster-bottom a{font-size:8px}}@media (width<=420px){:root[data-art-theme=b] .poster-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}:root[data-art-theme=b] .poster-fighter:nth-child(odd){border-left:0}}@media (width<=380px){:root[data-art-theme=d] .poster-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}