.roster-board{background:var(--grit),#0c0c0b;border:1px solid var(--line);min-width:0;padding:28px}.roster-board header{border-bottom:3px solid var(--accent);padding-bottom:18px}.roster-board .eyebrow{font:400 16px/1.5 var(--pixel);margin:0 0 10px}.roster-board h2{font:900 3.3rem/1 var(--display);text-transform:uppercase;margin:0}.fighter-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.roster-fighter{text-align:center;border-right:1px solid var(--line);padding:24px 10px;text-decoration:none}.roster-fighter:last-child{border:0}.sprite-stage{background:repeating-linear-gradient(0deg,#0000 0 7px,#e9dfc50a 7px 8px);justify-content:center;display:flex}.roster-fighter h3{font:400 16px var(--pixel);text-transform:uppercase;color:var(--ink);margin:24px 0 12px}.roster-fighter p{color:var(--muted);font:.75rem/1.5 var(--mono);margin:0}.roster-fighter:hover{background:#e9dfc50c}.roster-fighter:hover h3{color:var(--accent)}.roster-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}.roster-board footer a{color:var(--accent)}@media (width<=760px){.roster-board{padding:20px}.roster-board .eyebrow{font-size:8px}.roster-board h2{font-size:2.8rem}.fighter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-fighter:nth-child(2n){border-right:0}.roster-fighter:nth-child(-n+2){border-bottom:1px solid var(--line)}.roster-board footer{flex-direction:column;gap:12px}}:root:not([data-art-theme=b]) [data-rental-roster] .rental-only{display:none}#panel-fighters{scroll-margin-top:24px}.design-lab:has(#panel-fighters:not([hidden])) .theme-desk{position:static}:root[data-art-theme=b] #panel-fighters .study-layout{grid-template-columns:minmax(0,1fr);gap:28px}:root[data-art-theme=b] #panel-fighters .art-notes{border-top:1px solid var(--line);grid-template-columns:1fr 1.3fr auto;align-items:center;gap:10px 28px;padding-top:22px;display:grid}:root[data-art-theme=b] #panel-fighters .art-notes .eyebrow{grid-column:1/-1}:root[data-art-theme=b] #panel-fighters .art-notes h2{font:400 24px/1.35 var(--pixel);margin:0}:root[data-art-theme=b] #panel-fighters .art-notes p:not(.eyebrow){margin:0}:root[data-art-theme=b] #panel-fighters .art-notes p:last-of-type{display:none}:root[data-art-theme=b] #panel-fighters .art-notes a{margin:0}:root[data-art-theme=b] .roster-board[data-rental-roster]{isolation:isolate;color:#e4ddbf;background:var(--grit),repeating-linear-gradient(0deg,#252923 0 3px,#151a16 3px 7px);border:10px solid #343832;border-radius:5px 5px 18px 18px;padding:22px 26px 0;position:relative;box-shadow:inset 0 2px #7a7b69,inset 0 -5px #080c0a,0 0 0 1px #65695b,8px 12px #090b09,0 18px 44px #0008;&>.rental-only{display:flex}&:before{content:"";pointer-events:none;z-index:4;border-radius:inherit;opacity:.75;background:url(/assets/rental-wear.svg) 50%/100% 100% no-repeat;position:absolute;inset:0}& .rental-label{color:#192019;background:var(--grit),#d9d0ae;clip-path:polygon(.25% 0,99.8% .3%,100% 99%,0 100%);border-bottom:9px solid #a94430;grid-template-columns:1fr auto;align-items:center;gap:7px 24px;margin:0 0 22px;padding:17px 24px 13px;display:grid;position:relative;box-shadow:2px 3px #080c0a}& .rental-label:after{content:"";mix-blend-mode:multiply;opacity:.6;pointer-events:none;background:url(/assets/rental-wear.svg) 50%/100% 100% no-repeat;position:absolute;inset:0}& .rental-brand{font:400 40px/1 var(--pixel);letter-spacing:-.03em}& .rental-brand span{font-size:24px}& .rental-stamp{color:#81372c;font:700 12px/1.25 var(--mono);letter-spacing:.08em;text-align:center;border:3px solid #81372c;grid-area:1/2/3;padding:7px 10px;transform:rotate(4deg)}& .rental-label-caption{font:700 10px/1.4 var(--mono);letter-spacing:.12em}& .roster-screen{--light-x:50%;--light-y:30%;isolation:isolate;background:radial-gradient(at 50% 40%,#26362d 0,#111d17 54%,#080e0b 100%);border:3px solid #050907;border-radius:19px/14px;position:relative;overflow:hidden;box-shadow:0 1px #8b8d76,inset 0 0 0 2px #4a5546,inset 0 0 55px 18px #0009}& .roster-screen-header{text-align:left;border:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 36px 24px;display:flex}& .eyebrow{color:#a5af92;font:400 8px/1.8 var(--pixel);letter-spacing:.14em;margin:0 0 12px}& h2{color:#e1dab6;font:400 32px/1.25 var(--pixel);letter-spacing:0;text-shadow:-1px 0 #d3796470,1px 0 #81b8a670,0 0 18px #d8ce9b28}& .screen-fx-toggle{z-index:6;color:#cecba9;min-height:36px;font:700 10px/1 var(--mono);white-space:nowrap;background:#121c15;border:1px solid #74836b;flex:none;align-items:center;gap:7px;padding:8px 10px;display:inline-flex;position:relative}& .screen-fx-toggle:hover{color:#f4e6b8;border-color:#d7bc74}& .screen-fx-toggle:focus-visible{outline-offset:3px;outline:2px solid #e4c875}& .fx-lamp{background:#ccdd9b;width:5px;height:5px;box-shadow:0 0 7px #ccdd9b}& .fighter-grid{gap:0;padding:0 22px;position:relative}& .fighter-grid:before{display:none}& .roster-fighter{--pixel-scale:var(--large-scale);color:#e4ddbf;background:0 0;border:0;min-width:0;padding:12px 10px 24px;position:relative}& .roster-fighter:before{content:"";z-index:-1;opacity:.28;border-top:2px solid var(--fighter-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--fighter-ink) 13%,transparent),transparent 40%);transition:opacity .16s ease-out;position:absolute;inset:6px 5px 16px}& .roster-fighter:after{content:"";border:1px solid var(--fighter-ink);clip-path:polygon(0 0,12px 0,12px 2px,2px 2px,2px 12px,0 12px,0 0,100% 0,100% 12px,calc(100% - 2px) 12px,calc(100% - 2px) 2px,calc(100% - 12px) 2px,calc(100% - 12px) 0,100% 0,100% 100%,calc(100% - 12px) 100%,calc(100% - 12px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 12px),100% calc(100% - 12px),100% 100%,0 100%,0 calc(100% - 12px),2px calc(100% - 12px),2px calc(100% - 2px),12px calc(100% - 2px),12px 100%,0 100%);opacity:.2;pointer-events:none;transition:opacity .16s;position:absolute;inset:6px 5px 16px}& .roster-fighter:hover:before,& .roster-fighter:focus-visible:before,& .roster-fighter:hover:after,& .roster-fighter:focus-visible:after{opacity:1}& .roster-fighter:focus-visible{outline:2px solid var(--fighter-ink);outline-offset:-4px}& .sprite-stage{background:0 0;justify-content:center;align-items:flex-end;height:232px;padding-bottom:12px;position:relative}& .sprite-stage:after{content:"";background:#708065;width:calc(100% + 20px);height:1px;position:absolute;bottom:11px;box-shadow:0 1px #060b08}& .sprite-stage:before{content:"";background:var(--fighter-ink);filter:blur(12px);opacity:.23;border-radius:50%;width:65%;max-width:148px;height:15px;position:absolute;bottom:5px}& .roster-pose{width:calc(var(--crop-width) * var(--pixel-scale) * 1px);height:calc(var(--crop-height) * var(--pixel-scale) * 1px);background-size:calc(var(--frames) * 32px * var(--pixel-scale)) calc(40px * var(--pixel-scale));background-position:calc((var(--pose) * 32 + var(--crop-x)) * var(--pixel-scale) * -1px) calc(var(--crop-y) * var(--pixel-scale) * -1px);filter:drop-shadow(-1px 0 #c56a4b50)drop-shadow(1px 0 #7cac9560)drop-shadow(0 0 7px #c8cd8f25);position:relative}& .roster-fighter h3{color:#e4ddbf;font:400 24px/1.2 var(--pixel);text-shadow:0 0 9px #e4ddbf25;margin:25px 0 12px}& .roster-fighter p{color:#acae91;font:400 13px/1.5 var(--mono)}& .fighter-cue{font:700 8px/1.5 var(--mono);letter-spacing:.06em;color:var(--fighter-ink);opacity:.7;margin-top:14px;display:block}& .roster-fighter:hover h3,& .roster-fighter:focus-visible h3{color:var(--fighter-ink)}& .roster-fighter:hover .fighter-cue,& .roster-fighter:focus-visible .fighter-cue{opacity:1}& .roster-screen footer{color:#a9ae93;font:700 11px/1.7 var(--mono);border-top:1px solid #64735c;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin:0 36px;padding:22px 0 26px;display:flex;position:relative}& footer br{display:block}& .roster-play{z-index:6;color:#f7ead2;font:400 16px/1.5 var(--pixel);background:#8f3d2b;border:1px solid #f2b183;align-items:center;gap:22px;padding:14px 17px;text-decoration:none;display:inline-flex;position:relative;box-shadow:3px 3px #020502}& .roster-play:hover{background:#ad5039}& .rental-shell-footer{color:#a5aa91;min-height:46px;font:700 8px/1.5 var(--mono);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:16px;padding:0 10px;display:flex}& .cartridge-contacts{background:repeating-linear-gradient(90deg,#8b7544 0 7px,#1c2018 7px 10px);border:3px solid #141a14;border-bottom:0;border-radius:4px 4px 0 0;align-self:flex-end;width:150px;height:17px;box-shadow:inset 0 3px 6px #000b}& .screen-effects{z-index:5;border-radius:inherit;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 45px 10px #0006}& .screen-effects i{pointer-events:none;display:block;position:absolute}& .screen-scanlines{opacity:.42;background:repeating-linear-gradient(0deg,#0000 0 2px,#0009 2px 3px,#0000 3px 4px),repeating-linear-gradient(90deg,#ef685510 0 1px,#81b2930c 1px 2px,#7d92a610 2px 3px);inset:0}& .screen-grain{opacity:.12;mix-blend-mode:screen;background:url(/assets/copier-distress.svg);animation:.36s step-end infinite phosphor-grain;inset:-30px}& .screen-roll{opacity:.07;background:linear-gradient(#0000,#d8e2be,#0000);height:28%;animation:11s linear infinite phosphor-roll;inset:-40% 0 auto}& .screen-glass{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#dae9bd0f,transparent 52%),linear-gradient(130deg,#fcfff708,transparent 28% 70%,#0003);inset:0}&[data-screen-fx=off] .screen-effects{display:none}&[data-screen-fx=off] .roster-pose{filter:none}&[data-screen-fx=off] .fx-lamp{box-shadow:none;background:#7a806e}}@keyframes phosphor-grain{0%,to{transform:translate(0)}25%{transform:translate(-13px,7px)}50%{transform:translate(9px,-11px)}75%{transform:translate(-6px,-17px)}}@keyframes phosphor-roll{0%{transform:translateY(0)}to{transform:translateY(650%)}}@media (width<=1000px){:root[data-art-theme=b] #panel-fighters .art-notes{grid-template-columns:1fr 1fr}:root[data-art-theme=b] #panel-fighters .art-notes a{grid-column:2}:root[data-art-theme=b] .roster-board[data-rental-roster]{border-width:8px;padding:16px 16px 0;& .roster-fighter{--pixel-scale:var(--small-scale);padding-inline:4px}& .sprite-stage{height:166px}& .roster-fighter h3{font-size:16px}& .fighter-grid:before{bottom:107px}& .roster-screen-header{padding:26px 24px 16px}& h2{font-size:24px}& .roster-screen footer{margin-inline:24px}& .roster-play{padding:13px;font-size:8px}}}@media (width<=760px){:root[data-art-theme=b] .roster-board[data-rental-roster]{& .fighter-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 10px}& .roster-fighter{border:0}& .rental-brand{font-size:32px}& .rental-brand span{font-size:16px}& .roster-screen-header{flex-direction:column;gap:12px}& .screen-fx-toggle{min-height:30px;padding:6px 8px}& .roster-fighter p{font-size:11px}& .fighter-cue{letter-spacing:0;font-size:7px}}}@media (width<=600px){:root[data-art-theme=b] #panel-fighters .art-notes{display:block}:root[data-art-theme=b] #panel-fighters .art-notes h2{margin:12px 0;font-size:16px}:root[data-art-theme=b] #panel-fighters .art-notes a{margin-top:12px}:root[data-art-theme=b] .roster-board[data-rental-roster]{border-width:7px;border-radius:4px 4px 12px 12px;padding:8px 6px 0;& .rental-label{border-bottom-width:6px;gap:6px;margin-bottom:9px;padding:12px 10px}& .rental-brand{font-size:24px}& .rental-brand span{font-size:16px}& .rental-stamp{border-width:2px;padding:4px;font-size:7px}& .rental-label-caption{letter-spacing:.01em;font-size:7px}& .roster-screen{border-width:2px;border-radius:12px/10px}& .roster-screen-header{gap:10px;padding:20px 14px 10px}& .eyebrow{letter-spacing:0;margin-bottom:8px;font-size:8px}& h2{font-size:24px}& .fighter-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}& .fighter-grid:before{display:none}& .roster-fighter{padding:6px 4px 20px}& .roster-fighter h3{margin-top:20px}& .sprite-stage{height:150px}& .sprite-stage:after{width:90%;bottom:11px}& .roster-screen footer{flex-direction:column;align-items:flex-start;gap:14px;margin:0 14px;padding:17px 0 20px}& .roster-play{justify-content:space-between;align-self:stretch;font-size:8px}& .rental-shell-footer{letter-spacing:0;min-height:38px;padding:0 2px;font-size:6px}& .cartridge-contacts{flex:none;width:60px;height:13px}}}@media (prefers-reduced-motion:reduce){:root[data-art-theme=b] .roster-board[data-rental-roster] .screen-effects .screen-roll{display:none}:root[data-art-theme=b] .roster-board[data-rental-roster] .screen-grain{animation:none}}