@font-face{font-family:ChicagoFLF;src:url(./ChicagoFLF-BHlj4ij-.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f2f2;background:#181818;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}html,body{min-height:100%;margin:0}body{place-items:center;display:grid}main{text-align:center;max-width:100vw}.password-gate{box-sizing:border-box;width:min(28rem,100vw);padding:1rem}.password-dialog{box-sizing:border-box;color:#000;text-align:left;background:#f2f2f2;border:2px solid #000;padding:1.5rem;font-family:ChicagoFLF,Chicago,sans-serif;box-shadow:6px 6px #00000073}.password-dialog h1{text-align:center;margin:0 0 1.5rem;font-size:1.25rem;font-weight:400}.password-dialog label,.password-dialog input{box-sizing:border-box;width:100%;display:block}.password-dialog label{margin-bottom:.5rem}.password-dialog input{color:#000;height:2rem;font:inherit;background:#fff;border:2px solid #000;border-radius:0;padding:.25rem .5rem}.password-dialog input:focus-visible,.password-dialog button:focus-visible{outline-offset:3px;outline:2px dotted #000}.password-dialog-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.password-dialog-footer p{margin:0;font-size:.8rem}.password-dialog button{color:#000;min-width:5rem;font:inherit;cursor:pointer;background:#fff;border:2px solid #000;border-radius:0;padding:.4rem 1rem;box-shadow:2px 2px #000}.password-dialog button:active{box-shadow:none;translate:2px 2px}#screen{align-items:flex-start;display:inline-flex}#play-surface{flex:none;align-items:flex-start;display:flex}#play-surface[hidden],#crab-lab[hidden],.crab-lab-board[hidden]{display:none}#quality-of-life-controls{--play-scale:1;box-sizing:border-box;border-right:calc(1px * var(--play-scale)) solid black;width:96px;height:342px;padding:calc(8px * var(--play-scale)) calc(4px * var(--play-scale));color:#000;background:#fff;flex:none}#quality-of-life-panel{gap:calc(4px * var(--play-scale));flex-direction:column;display:flex}#quality-of-life-panel[hidden],#gameplay-directions[hidden]{display:none}#gameplay-directions{box-sizing:border-box;width:100%;font-family:ChicagoFLF,Chicago,sans-serif;font-size:calc(9px * var(--play-scale));text-align:left;-webkit-user-select:none;user-select:none;line-height:1.15}#gameplay-directions h2{margin:0 0 calc(14px * var(--play-scale));border-bottom:calc(1px * var(--play-scale)) solid black;padding-bottom:calc(5px * var(--play-scale));font-size:calc(10px * var(--play-scale));text-align:center;text-transform:uppercase;font-weight:400;line-height:1}#gameplay-directions dl{gap:calc(10px * var(--play-scale));flex-direction:column;margin:0;display:flex}#gameplay-directions dl div{gap:calc(1px * var(--play-scale));flex-direction:column;display:flex}#gameplay-directions dt{font-size:calc(8px * var(--play-scale));text-transform:uppercase}#gameplay-directions dd{font-size:calc(10px * var(--play-scale));margin:0}#gameplay-directions .gameplay-directions-footer{margin:calc(19px * var(--play-scale)) 0 0;border-top:calc(1px * var(--play-scale)) solid black;padding-top:calc(7px * var(--play-scale));font-size:calc(8px * var(--play-scale));text-align:center;text-transform:uppercase;line-height:1.2}.vintage-checkbox-control{align-items:flex-start;gap:calc(3px * var(--play-scale));color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;display:flex;position:relative}.vintage-checkbox-label-bitmap,.vintage-checkbox-label{width:calc(73px * var(--play-scale));height:calc(12px * var(--play-scale));flex:none;display:block}.vintage-checkbox-label{cursor:pointer;background:0 0}.vintage-checkbox-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.vintage-checkbox-mark{box-sizing:border-box;width:calc(12px * var(--play-scale));height:calc(12px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;background:#fff;flex:none;display:block;position:relative}.vintage-checkbox-input:checked+.vintage-checkbox-mark:after{width:calc(1px * var(--play-scale));height:calc(1px * var(--play-scale));box-shadow:calc(9px * var(--play-scale)) 0 black, calc(1px * var(--play-scale)) calc(1px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(1px * var(--play-scale)) black, calc(2px * var(--play-scale)) calc(2px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(2px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(3px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(3px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(2px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(1px * var(--play-scale)) calc(8px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(8px * var(--play-scale)) black, 0 calc(9px * var(--play-scale)) black, calc(9px * var(--play-scale)) calc(9px * var(--play-scale)) black;content:"";background:#000;position:absolute;top:0;left:0}.vintage-checkbox-input:focus-visible+.vintage-checkbox-mark{outline:calc(1px * var(--play-scale)) dotted black;outline-offset:calc(2px * var(--play-scale))}.vintage-menu-control{width:100%;margin-top:calc(4px * var(--play-scale))}.vintage-menu-label,.vintage-menu-label-bitmap,.vintage-menu-label-canvas{width:calc(87px * var(--play-scale));height:calc(12px * var(--play-scale));display:block}.vintage-menu-label-canvas{background:0 0}.vintage-menu-shell{box-sizing:border-box;width:100%;height:calc(18px * var(--play-scale));margin-top:calc(2px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;box-shadow:calc(1px * var(--play-scale)) calc(1px * var(--play-scale)) 0 black;background:#fff;position:relative}.vintage-menu-shell:before{top:0;right:calc(13px * var(--play-scale));z-index:1;width:calc(1px * var(--play-scale));height:calc(16px * var(--play-scale));content:"";pointer-events:none;background:#000;position:absolute}.vintage-menu-shell:after{top:calc(6px * var(--play-scale));right:calc(6px * var(--play-scale));z-index:1;width:calc(1px * var(--play-scale));height:calc(1px * var(--play-scale));box-shadow:calc(-2px * var(--play-scale)) 0 black, calc(-1px * var(--play-scale)) 0 black, calc(1px * var(--play-scale)) 0 black, calc(2px * var(--play-scale)) 0 black, calc(-1px * var(--play-scale)) calc(1px * var(--play-scale)) black, 0 calc(1px * var(--play-scale)) black, calc(1px * var(--play-scale)) calc(1px * var(--play-scale)) black, 0 calc(2px * var(--play-scale)) black;content:"";pointer-events:none;background:#000;position:absolute}.vintage-menu-select{z-index:0;box-sizing:border-box;width:100%;height:100%;padding:0 calc(16px * var(--play-scale)) 0 calc(3px * var(--play-scale));appearance:none;color:#000;font-family:ChicagoFLF,Chicago,sans-serif;font-size:calc(9px * var(--play-scale));cursor:pointer;background:0 0;border:0;border-radius:0;position:relative}.vintage-menu-select:focus-visible{outline:calc(1px * var(--play-scale)) dotted black;outline-offset:calc(2px * var(--play-scale))}.vintage-menu-select:disabled{opacity:.45;cursor:not-allowed}.vintage-speed-control{box-sizing:border-box;width:100%;min-width:0;margin:calc(8px * var(--play-scale)) 0 0;border:0;padding:0}.vintage-speed-label-bitmap,.vintage-speed-label-canvas{width:calc(87px * var(--play-scale));height:calc(12px * var(--play-scale));padding:0;display:block}.vintage-speed-rule{width:calc(87px * var(--play-scale));height:calc(1px * var(--play-scale));background:#000}.vintage-speed-rule-top{margin-bottom:calc(7px * var(--play-scale))}.vintage-speed-rule-bottom{margin-top:calc(7px * var(--play-scale))}.vintage-speed-options{width:calc(72px * var(--play-scale));margin:calc(6px * var(--play-scale)) auto 0;grid-template-columns:repeat(3,1fr);display:grid}.vintage-speed-option{color:#000;cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.vintage-speed-crab-cluster{width:calc(38px * var(--play-scale));height:calc(26px * var(--play-scale));margin:calc(6px * var(--play-scale)) auto 0;position:relative}.vintage-speed-crab{width:calc(10px * var(--play-scale));height:calc(10px * var(--play-scale));image-rendering:pixelated;animation-name:speed-crab-jitter;animation-timing-function:step-end;animation-iteration-count:infinite;display:block;position:absolute}.vintage-speed-crab-one{top:0;left:calc(4px * var(--play-scale))}.vintage-speed-crab-two{top:calc(7px * var(--play-scale));right:calc(4px * var(--play-scale));animation-delay:-80ms}.vintage-speed-crab-three{bottom:0;left:calc(10px * var(--play-scale));animation-delay:-160ms}.vintage-speed-control:has(.vintage-speed-input[value=slow]:checked) .vintage-speed-crab{animation-duration:.96s}.vintage-speed-control:has(.vintage-speed-input[value=normal]:checked) .vintage-speed-crab{animation-duration:.48s}.vintage-speed-control:has(.vintage-speed-input[value=fast]:checked) .vintage-speed-crab{animation-duration:.24s}.vintage-speed-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.vintage-speed-mark{width:calc(12px * var(--play-scale));height:calc(12px * var(--play-scale));background:#fff;display:block;position:relative}.vintage-speed-mark:before,.vintage-speed-input:checked+.vintage-speed-mark:after{width:calc(1px * var(--play-scale));height:calc(1px * var(--play-scale));content:"";position:absolute;top:0;left:0}.vintage-speed-mark:before{box-shadow:calc(4px * var(--play-scale)) 0 black, calc(5px * var(--play-scale)) 0 black, calc(6px * var(--play-scale)) 0 black, calc(7px * var(--play-scale)) 0 black, calc(2px * var(--play-scale)) calc(1px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(1px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(1px * var(--play-scale)) black, calc(9px * var(--play-scale)) calc(1px * var(--play-scale)) black, calc(1px * var(--play-scale)) calc(2px * var(--play-scale)) black, calc(10px * var(--play-scale)) calc(2px * var(--play-scale)) black, calc(1px * var(--play-scale)) calc(3px * var(--play-scale)) black, calc(10px * var(--play-scale)) calc(3px * var(--play-scale)) black, 0 calc(4px * var(--play-scale)) black, calc(11px * var(--play-scale)) calc(4px * var(--play-scale)) black, 0 calc(5px * var(--play-scale)) black, calc(11px * var(--play-scale)) calc(5px * var(--play-scale)) black, 0 calc(6px * var(--play-scale)) black, calc(11px * var(--play-scale)) calc(6px * var(--play-scale)) black, 0 calc(7px * var(--play-scale)) black, calc(11px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(1px * var(--play-scale)) calc(8px * var(--play-scale)) black, calc(10px * var(--play-scale)) calc(8px * var(--play-scale)) black, calc(1px * var(--play-scale)) calc(9px * var(--play-scale)) black, calc(10px * var(--play-scale)) calc(9px * var(--play-scale)) black, calc(2px * var(--play-scale)) calc(10px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(10px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(10px * var(--play-scale)) black, calc(9px * var(--play-scale)) calc(10px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(11px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(11px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(11px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(11px * var(--play-scale)) black}.vintage-speed-input:checked+.vintage-speed-mark:after{box-shadow:calc(4px * var(--play-scale)) calc(3px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(3px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(3px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(3px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(4px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(5px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(6px * var(--play-scale)) black, calc(3px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(8px * var(--play-scale)) calc(7px * var(--play-scale)) black, calc(4px * var(--play-scale)) calc(8px * var(--play-scale)) black, calc(5px * var(--play-scale)) calc(8px * var(--play-scale)) black, calc(6px * var(--play-scale)) calc(8px * var(--play-scale)) black, calc(7px * var(--play-scale)) calc(8px * var(--play-scale)) black}.vintage-speed-input:focus-visible+.vintage-speed-mark{outline:calc(1px * var(--play-scale)) dotted black;outline-offset:calc(2px * var(--play-scale))}.vintage-speed-choice-label,.vintage-speed-choice-spacer{width:calc(24px * var(--play-scale));height:calc(10px * var(--play-scale));margin-top:calc(3px * var(--play-scale));image-rendering:pixelated;display:block}@keyframes speed-crab-jitter{0%,to{transform:translate(0)}25%{transform:translate(calc(-1px * var(--play-scale)), 0)}50%{transform:translate(calc(1px * var(--play-scale)), calc(-1px * var(--play-scale)))}75%{transform:translate(0, calc(1px * var(--play-scale)))}}@media (prefers-reduced-motion:reduce){.vintage-speed-crab{animation:none}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#screen:fullscreen{background:#181818;justify-content:center;align-items:center;width:100vw;height:100vh}canvas{image-rendering:pixelated;image-rendering:crisp-edges;cursor:default;background:#fff;flex:none;display:block}#crab-lab{--play-scale:1;box-sizing:border-box;border:calc(1px * var(--play-scale)) solid black;color:#000;width:608px;height:342px;font-family:ChicagoFLF,Chicago,sans-serif;font-size:calc(9px * var(--play-scale));text-align:left;background:#fff;flex-direction:column;flex:none;line-height:1.25;display:flex;overflow:hidden}.crab-lab-header{border-bottom:calc(2px * var(--play-scale)) solid black;padding:calc(9px * var(--play-scale)) calc(12px * var(--play-scale));background:repeating-linear-gradient(to bottom, white 0, white calc(1px * var(--play-scale)), black calc(1px * var(--play-scale)), black calc(2px * var(--play-scale)));justify-content:space-between;align-items:center;display:flex}#crab-lab .crab-lab-header>div{padding:calc(2px * var(--play-scale)) calc(8px * var(--play-scale));background:#fff}#crab-lab .crab-lab-header h1,#crab-lab .crab-lab-header p,#crab-lab .crab-lab-board h2,#crab-lab .crab-lab-board p{margin:0}#crab-lab .crab-lab-header h1{font-size:calc(18px * var(--play-scale));letter-spacing:calc(1px * var(--play-scale));line-height:1}#crab-lab .crab-lab-header p{margin-top:calc(2px * var(--play-scale));font-size:calc(7px * var(--play-scale));text-transform:uppercase}#crab-lab button,#crab-lab select{box-sizing:border-box;border:calc(1px * var(--play-scale)) solid black;border-radius:calc(3px * var(--play-scale));color:#000;font:inherit;background:#fff}#crab-lab button{min-height:calc(20px * var(--play-scale));padding:calc(3px * var(--play-scale)) calc(9px * var(--play-scale));box-shadow:inset 0 0 0 calc(1px * var(--play-scale)) white;cursor:pointer}#crab-lab button:hover,#crab-lab button:focus-visible,#crab-lab button[aria-selected=true]{color:#fff;background:#000;outline:none}.crab-lab-tabs{gap:calc(3px * var(--play-scale));border-bottom:calc(1px * var(--play-scale)) solid black;padding:calc(6px * var(--play-scale)) calc(12px * var(--play-scale)) 0;display:flex}#crab-lab .crab-lab-tabs button{min-width:calc(72px * var(--play-scale));border-bottom-right-radius:0;border-bottom-left-radius:0}.crab-lab-board{min-height:0;padding:calc(12px * var(--play-scale));flex:1}.crab-lab-board-heading{margin-bottom:calc(14px * var(--play-scale))}.crab-lab-sound-heading{justify-content:space-between;align-items:center;gap:calc(8px * var(--play-scale));margin-bottom:calc(6px * var(--play-scale));display:flex}#crab-lab .crab-lab-board h2{font-size:calc(13px * var(--play-scale))}#crab-lab .crab-lab-board-heading p{margin-top:calc(3px * var(--play-scale));font-family:Arial,sans-serif;font-size:calc(8px * var(--play-scale))}.crab-lab-soundboard{gap:calc(7px * var(--play-scale));grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));min-height:0;display:grid}.crab-lab-sound-bank{border:calc(1px * var(--play-scale)) solid black;min-width:0;padding:calc(5px * var(--play-scale));margin:0}.crab-lab-sound-bank legend{padding:0 calc(4px * var(--play-scale));font-size:calc(7px * var(--play-scale));text-transform:uppercase}.crab-lab-sound-grid{gap:calc(2px * var(--play-scale));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.crab-lab-sound-bank:not(:first-child) .crab-lab-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#crab-lab .crab-lab-sound-bank-note{min-height:calc(26px * var(--play-scale));margin:0 0 calc(4px * var(--play-scale));font-family:Arial,sans-serif;font-size:calc(7px * var(--play-scale));line-height:1.2}#crab-lab .crab-lab-sound-pad{min-width:0;min-height:calc(22px * var(--play-scale));padding:calc(2px * var(--play-scale));font-size:calc(7px * var(--play-scale));text-overflow:ellipsis;line-height:1.05;overflow:hidden}#crab-lab .crab-lab-sound-pad[aria-pressed=true]{color:#fff;outline:calc(2px * var(--play-scale)) double white;outline-offset:calc(-3px * var(--play-scale));background:#000}.crab-lab-notes-board,.crab-lab-info-board{padding:calc(7px * var(--play-scale))}.crab-lab-info-loading{font-family:Arial,sans-serif;font-size:calc(8px * var(--play-scale));margin:0}.crab-lab-info{gap:calc(5px * var(--play-scale));grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.crab-lab-info>header{justify-content:space-between;align-items:end;gap:calc(8px * var(--play-scale));display:flex}#crab-lab .crab-lab-info>header p{margin-top:calc(2px * var(--play-scale));font:calc(7px * var(--play-scale)) Arial, sans-serif}.crab-lab-info-kicker{font-size:calc(6px * var(--play-scale));text-transform:uppercase;flex:none}.crab-lab-boss-list{gap:calc(5px * var(--play-scale));min-height:0;padding:0 calc(2px * var(--play-scale)) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid;overflow-y:auto}.crab-lab-boss-card{grid-template-columns:calc(20px * var(--play-scale)) calc(76px * var(--play-scale)) minmax(0, 1fr);min-height:calc(92px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;background:#fff;display:grid}.crab-lab-boss-number{border-right:calc(1px * var(--play-scale)) solid black;color:#fff;font-size:calc(8px * var(--play-scale));writing-mode:vertical-rl;background:#000;place-items:center;display:grid}.crab-lab-boss-sprite{border-right:calc(1px * var(--play-scale)) solid black;background:repeating-conic-gradient(#e0e0e0 0 25%, white 0 50%) 0 / calc(8px * var(--play-scale)) calc(8px * var(--play-scale));place-items:center;min-width:0;display:grid;overflow:hidden}.crab-lab-boss-sprite-canvas{width:calc(68px * var(--play-scale));height:calc(78px * var(--play-scale));object-fit:contain;background:0 0}.crab-lab-final-crab{width:calc(68px * var(--play-scale));aspect-ratio:432/300;background:#fff;position:relative}.crab-lab-final-crab>span{position:absolute}.crab-lab-final-crab-layer{width:100%;height:100%}.crab-lab-boss-copy{min-width:0;padding:calc(5px * var(--play-scale))}.crab-lab-boss-copy>header{justify-content:space-between;align-items:start;gap:calc(3px * var(--play-scale));margin-bottom:calc(4px * var(--play-scale));display:flex}#crab-lab .crab-lab-boss-copy h3{font-size:calc(9px * var(--play-scale));margin:0;line-height:1}#crab-lab .crab-lab-boss-copy>header p{margin-top:calc(2px * var(--play-scale));font-size:calc(6px * var(--play-scale));text-transform:uppercase}.crab-lab-boss-evidence{max-width:calc(58px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;padding:calc(1px * var(--play-scale)) calc(2px * var(--play-scale));font:calc(5px * var(--play-scale)) / 1.1 Arial, sans-serif;text-align:center;text-transform:uppercase;flex:none}#crab-lab .crab-lab-boss-copy>p{font:calc(7px * var(--play-scale)) / 1.28 Arial, sans-serif}#crab-lab .crab-lab-info-key{border-top:calc(1px * var(--play-scale)) solid black;padding-top:calc(3px * var(--play-scale));font:calc(6px * var(--play-scale)) / 1.2 Arial, sans-serif}.crab-lab-macpaint-board,.crab-lab-sprites-board{padding:calc(7px * var(--play-scale))}.crab-lab-macpaint-loading,.crab-lab-sprites-loading{font-family:Arial,sans-serif;font-size:calc(8px * var(--play-scale));margin:0}.crab-lab-macpaint{gap:calc(5px * var(--play-scale));grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.crab-lab-macpaint>header{justify-content:space-between;align-items:center;gap:calc(8px * var(--play-scale));display:flex}#crab-lab .crab-lab-macpaint>header p{margin-top:calc(2px * var(--play-scale));font-family:Arial,sans-serif;font-size:calc(7px * var(--play-scale))}.crab-lab-macpaint-viewer a{text-align:center;width:max-content;min-width:100%;display:block}.crab-lab-macpaint-download{border:calc(1px * var(--play-scale)) solid black;border-radius:calc(3px * var(--play-scale));padding:calc(3px * var(--play-scale)) calc(7px * var(--play-scale));color:#000;flex:none;text-decoration:none}.crab-lab-macpaint-download:hover,.crab-lab-macpaint-download:focus-visible{color:#fff;background:#000;outline:none}.crab-lab-macpaint-index{gap:calc(3px * var(--play-scale));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}#crab-lab .crab-lab-macpaint-index button{min-width:0;min-height:calc(18px * var(--play-scale));padding:calc(2px * var(--play-scale));font-size:calc(7px * var(--play-scale))}#crab-lab .crab-lab-macpaint-index button[aria-pressed=true]{color:#fff;background:#000}.crab-lab-macpaint-viewer{border:calc(1px * var(--play-scale)) solid black;background:#bfbfbf;min-height:0;overflow:auto}.crab-lab-macpaint-viewer img{width:auto;height:calc(720px * var(--play-scale));image-rendering:pixelated;image-rendering:crisp-edges;background:#fff;margin:0 auto;display:block}.crab-lab-macpaint-facts{border:calc(1px * var(--play-scale)) solid black;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}#crab-lab .crab-lab-macpaint-facts div{padding:calc(3px * var(--play-scale)) calc(5px * var(--play-scale))}#crab-lab .crab-lab-macpaint-facts div+div{border-left:calc(1px * var(--play-scale)) solid black}#crab-lab .crab-lab-macpaint-facts dt{font-size:calc(6px * var(--play-scale));text-transform:uppercase}#crab-lab .crab-lab-macpaint-facts dd{margin:calc(1px * var(--play-scale)) 0 0;font-family:monospace;font-size:calc(7px * var(--play-scale))}.crab-lab-sprites{grid-template-columns:calc(112px * var(--play-scale)) minmax(0, 1fr) calc(184px * var(--play-scale));gap:calc(6px * var(--play-scale));height:100%;min-height:0;display:grid}.crab-lab-sprite-index,.crab-lab-sprite-browser,.crab-lab-sprite-inspector{border:calc(1px * var(--play-scale)) solid black;min-width:0;min-height:0}.crab-lab-sprite-index{padding:calc(4px * var(--play-scale));flex-direction:column;display:flex}.crab-lab-sprite-index label,.crab-lab-sprite-controls label{gap:calc(2px * var(--play-scale));font-size:calc(6px * var(--play-scale));text-transform:uppercase;display:grid}#crab-lab .crab-lab-sprite-index input{box-sizing:border-box;width:100%;min-width:0;height:calc(19px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;padding:calc(2px * var(--play-scale)) calc(3px * var(--play-scale));color:#000;font:calc(7px * var(--play-scale)) Arial, sans-serif;background:#fff;border-radius:0}.crab-lab-sprite-family-list{min-height:0;margin-top:calc(4px * var(--play-scale));flex:1;overflow:auto}#crab-lab .crab-lab-sprite-index button{width:100%;min-height:calc(19px * var(--play-scale));padding:calc(2px * var(--play-scale)) calc(3px * var(--play-scale));font-size:calc(7px * var(--play-scale));text-align:left;border:0;border-radius:0;justify-content:space-between;align-items:center;display:flex}#crab-lab .crab-lab-sprite-index button[aria-current=page]{color:#fff;background:#000}.crab-lab-sprite-index button small{font:calc(6px * var(--play-scale)) Arial, sans-serif}#crab-lab .crab-lab-sprite-index>p{margin:calc(4px * var(--play-scale)) 0 0;border-top:calc(1px * var(--play-scale)) solid black;padding-top:calc(3px * var(--play-scale));font:calc(5px * var(--play-scale)) / 1.2 Arial, sans-serif}.crab-lab-sprite-browser{flex-direction:column;display:flex}.crab-lab-sprite-browser>header{border-bottom:calc(1px * var(--play-scale)) solid black;padding:calc(4px * var(--play-scale));flex:none;justify-content:space-between;align-items:baseline;display:flex}#crab-lab .crab-lab-sprite-browser>header h2{font-size:calc(9px * var(--play-scale));margin:0}.crab-lab-sprite-browser-count{font:calc(6px * var(--play-scale)) Arial, sans-serif}.crab-lab-sprite-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc(58px * var(--play-scale));gap:calc(3px * var(--play-scale));min-height:0;padding:calc(4px * var(--play-scale));flex:1;display:grid;overflow:auto}#crab-lab .crab-lab-sprite-grid>button{min-width:0;min-height:0;padding:calc(2px * var(--play-scale));font-size:calc(5px * var(--play-scale));border-radius:0;flex-direction:column;align-items:stretch;line-height:1.05;display:flex}#crab-lab .crab-lab-sprite-grid>button[aria-pressed=true]{color:#fff;outline:calc(1px * var(--play-scale)) solid black;outline-offset:calc(1px * var(--play-scale));background:#000}.crab-lab-sprite-thumbnail{min-height:0;margin-bottom:calc(2px * var(--play-scale));background:#fff;flex:1;place-items:center;display:grid;overflow:hidden}.crab-lab-sprite-canvas{image-rendering:pixelated;flex:none;display:block}.crab-lab-sprite-thumbnail .crab-lab-sprite-canvas{width:auto;max-width:100%;height:auto;max-height:calc(38px * var(--play-scale))}.crab-lab-sprite-background-white{background:#fff}.crab-lab-sprite-background-black{background:#000}.crab-lab-sprite-background-checker{background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-position:0 0, 0 calc(4px * var(--play-scale)), calc(4px * var(--play-scale)) calc(-4px * var(--play-scale)), calc(-4px * var(--play-scale)) 0;background-size:calc(8px * var(--play-scale)) calc(8px * var(--play-scale))}.crab-lab-sprite-inspector{padding:calc(4px * var(--play-scale));flex-direction:column;display:flex;overflow:auto}.crab-lab-sprite-inspector>header{justify-content:space-between;align-items:flex-start;gap:calc(4px * var(--play-scale));margin-bottom:calc(3px * var(--play-scale));display:flex}#crab-lab .crab-lab-sprite-inspector h3{font-size:calc(8px * var(--play-scale));margin:0;line-height:1.05}.crab-lab-sprite-inspector code{margin-top:calc(1px * var(--play-scale));font:calc(5px * var(--play-scale)) ui-monospace, monospace;display:block}.crab-lab-sprite-status{border:calc(1px * var(--play-scale)) solid black;padding:calc(1px * var(--play-scale)) calc(2px * var(--play-scale));font:calc(5px * var(--play-scale)) Arial, sans-serif;white-space:nowrap}.crab-lab-sprite-statuses{align-items:flex-end;gap:calc(1px * var(--play-scale));flex-direction:column;display:flex}.crab-lab-sprite-stage{flex:0 0 calc(72px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;justify-content:center;align-items:center;display:flex;overflow:auto}.crab-lab-sprite-controls{gap:calc(4px * var(--play-scale));margin-top:calc(4px * var(--play-scale));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#crab-lab .crab-lab-sprite-controls select{height:calc(18px * var(--play-scale));padding:0 calc(2px * var(--play-scale));font-size:calc(7px * var(--play-scale));border-radius:0}.crab-lab-sprite-sequence{align-items:center;gap:calc(2px * var(--play-scale));margin-top:calc(4px * var(--play-scale));border:0;padding:0;display:flex}#crab-lab .crab-lab-sprite-sequence button{min-width:calc(25px * var(--play-scale));min-height:calc(18px * var(--play-scale));padding:calc(1px * var(--play-scale)) calc(3px * var(--play-scale));font-size:calc(6px * var(--play-scale))}.crab-lab-sprite-sequence>span{font:calc(6px * var(--play-scale)) Arial, sans-serif;margin-left:auto}.crab-lab-sprite-facts{gap:calc(3px * var(--play-scale));margin:calc(4px * var(--play-scale)) 0 0;font:calc(5px * var(--play-scale)) Arial, sans-serif;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}#crab-lab .crab-lab-sprite-facts div{min-width:0}#crab-lab .crab-lab-sprite-facts dt{text-transform:uppercase;font-weight:700}#crab-lab .crab-lab-sprite-facts dd{overflow-wrap:anywhere;margin:0}#crab-lab .crab-lab-sprite-evidence{margin:calc(4px * var(--play-scale)) 0;border-top:calc(1px * var(--play-scale)) solid black;padding-top:calc(3px * var(--play-scale));font:calc(5px * var(--play-scale)) / 1.25 Arial, sans-serif}.crab-lab-sprite-actions{justify-content:space-between;align-items:flex-start;gap:calc(4px * var(--play-scale));display:flex}.crab-lab-sprite-actions a{color:#000;font:calc(6px * var(--play-scale)) Arial, sans-serif;white-space:nowrap}.crab-lab-sprite-source{min-width:0}#crab-lab .crab-lab-sprite-source>button{min-height:calc(18px * var(--play-scale));padding:calc(1px * var(--play-scale)) calc(4px * var(--play-scale));font-size:calc(6px * var(--play-scale))}.crab-lab-sprite-sheet{width:calc(144px * var(--play-scale));margin-top:calc(4px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;background:#fff;position:relative}.crab-lab-sprite-sheet img{width:100%;height:auto;image-rendering:pixelated;display:block}.crab-lab-sprite-source-rect{box-sizing:border-box;min-width:calc(2px * var(--play-scale));min-height:calc(2px * var(--play-scale));border:calc(2px * var(--play-scale)) solid white;outline:calc(1px * var(--play-scale)) solid black;pointer-events:none;position:absolute}.crab-lab-notes-loading{font-family:Arial,sans-serif;font-size:calc(8px * var(--play-scale));margin:0}.crab-lab-notes{grid-template-columns:calc(132px * var(--play-scale)) minmax(0, 1fr);gap:calc(7px * var(--play-scale));height:100%;min-height:0;display:grid}.crab-lab-notes-index,.crab-lab-note-reader{border:calc(1px * var(--play-scale)) solid black;min-height:0}.crab-lab-notes-index{padding:calc(4px * var(--play-scale));overflow:auto}.crab-lab-notes-index section+section{margin-top:calc(5px * var(--play-scale))}#crab-lab .crab-lab-notes-index h2{margin:0 0 calc(2px * var(--play-scale));border-bottom:calc(1px * var(--play-scale)) solid black;padding-bottom:calc(1px * var(--play-scale));font-size:calc(7px * var(--play-scale));text-transform:uppercase}#crab-lab .crab-lab-notes-index button{width:100%;min-height:calc(16px * var(--play-scale));padding:calc(2px * var(--play-scale)) calc(3px * var(--play-scale));font-size:calc(7px * var(--play-scale));text-align:left;border:0;border-radius:0;line-height:1.1}#crab-lab .crab-lab-notes-index button[aria-current=page]{color:#fff;background:#000}.crab-lab-note-reader{flex-direction:column;display:flex}.crab-lab-note-reader>header{justify-content:space-between;align-items:flex-start;gap:calc(6px * var(--play-scale));border-bottom:calc(1px * var(--play-scale)) solid black;padding:calc(5px * var(--play-scale)) calc(6px * var(--play-scale));flex:none;display:flex}#crab-lab .crab-lab-note-reader>header h2{font-size:calc(10px * var(--play-scale));margin:0}.crab-lab-note-reader>header code{margin-top:calc(2px * var(--play-scale));font-family:ui-monospace,monospace;font-size:calc(6px * var(--play-scale));display:block}.crab-lab-evidence-badges{justify-content:flex-end;gap:calc(2px * var(--play-scale));border:0;flex-wrap:wrap;max-width:55%;margin:0;padding:0;display:flex}.crab-lab-evidence-badges span{border:calc(1px * var(--play-scale)) solid black;padding:calc(1px * var(--play-scale)) calc(3px * var(--play-scale));font-family:Arial,sans-serif;font-size:calc(5px * var(--play-scale));white-space:nowrap;line-height:1.1}.crab-lab-note-scroll{min-height:0;padding:calc(7px * var(--play-scale));-webkit-user-select:text;user-select:text;flex:1;overflow:auto}#crab-lab .crab-lab-note-scroll>p{font-family:Arial,sans-serif;font-size:calc(8px * var(--play-scale));margin:0}.crab-lab-markdown{font-family:Arial,sans-serif;font-size:calc(8px * var(--play-scale));line-height:1.35}.crab-lab-markdown>:first-child{margin-top:0}.crab-lab-markdown>:last-child{margin-bottom:0}#crab-lab .crab-lab-markdown h1,#crab-lab .crab-lab-markdown h2,#crab-lab .crab-lab-markdown h3{margin:calc(10px * var(--play-scale)) 0 calc(4px * var(--play-scale));font-family:ChicagoFLF,Chicago,sans-serif;line-height:1.15}#crab-lab .crab-lab-markdown h1{border-bottom:calc(2px * var(--play-scale)) solid black;padding-bottom:calc(3px * var(--play-scale));font-size:calc(13px * var(--play-scale))}#crab-lab .crab-lab-markdown h2{border-bottom:calc(1px * var(--play-scale)) solid black;padding-bottom:calc(2px * var(--play-scale));font-size:calc(10px * var(--play-scale))}#crab-lab .crab-lab-markdown h3{font-size:calc(9px * var(--play-scale))}#crab-lab .crab-lab-markdown p,#crab-lab .crab-lab-markdown ul,#crab-lab .crab-lab-markdown ol,#crab-lab .crab-lab-markdown blockquote,#crab-lab .crab-lab-markdown pre,#crab-lab .crab-lab-markdown table{margin:calc(5px * var(--play-scale)) 0}#crab-lab .crab-lab-markdown ul,#crab-lab .crab-lab-markdown ol{padding-left:calc(18px * var(--play-scale))}#crab-lab .crab-lab-markdown code,#crab-lab .crab-lab-markdown pre{font-family:ui-monospace,monospace;font-size:calc(7px * var(--play-scale))}#crab-lab .crab-lab-markdown code{background:#e8e8e8}#crab-lab .crab-lab-markdown pre{border:calc(1px * var(--play-scale)) solid black;padding:calc(5px * var(--play-scale));background:#f3f3f3;overflow:auto}#crab-lab .crab-lab-markdown pre code{background:0 0}#crab-lab .crab-lab-markdown blockquote{border-left:calc(3px * var(--play-scale)) double black;padding-left:calc(6px * var(--play-scale))}#crab-lab .crab-lab-markdown table{border-collapse:collapse}#crab-lab .crab-lab-markdown th,#crab-lab .crab-lab-markdown td{border:calc(1px * var(--play-scale)) solid black;padding:calc(2px * var(--play-scale)) calc(4px * var(--play-scale));text-align:left;vertical-align:top}#crab-lab .crab-lab-markdown a{color:#000;text-decoration-thickness:calc(1px * var(--play-scale))}.crab-lab-empty-board{min-height:calc(120px * var(--play-scale));align-content:center;place-items:center;gap:calc(8px * var(--play-scale));border:calc(1px * var(--play-scale)) dashed black;display:grid}.crab-lab-empty-crab{font-family:serif;font-size:calc(34px * var(--play-scale));line-height:1}.crab-lab-pictures-board,.crab-lab-resources-board{padding:calc(7px * var(--play-scale))}.crab-lab-pictures-loading,.crab-lab-resources-loading{font-family:Arial,sans-serif;font-size:calc(8px * var(--play-scale));margin:0}.crab-lab-pictures{gap:calc(5px * var(--play-scale));grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.crab-lab-subtabs{gap:calc(3px * var(--play-scale));display:flex}#crab-lab .crab-lab-subtabs button{min-height:calc(18px * var(--play-scale));padding:calc(2px * var(--play-scale)) calc(8px * var(--play-scale));font-size:calc(7px * var(--play-scale))}#crab-lab .crab-lab-subtabs button[aria-pressed=true]{color:#fff;background:#000}.crab-lab-picture-library{grid-template-columns:calc(104px * var(--play-scale)) minmax(0, 1fr) calc(188px * var(--play-scale));gap:calc(5px * var(--play-scale));min-height:0;display:grid}#crab-lab .crab-lab-picture-library>nav,#crab-lab .crab-lab-picture-library>section,#crab-lab .crab-lab-picture-library>aside{border:calc(1px * var(--play-scale)) solid black;min-width:0;min-height:0}#crab-lab .crab-lab-picture-library>nav{padding:calc(4px * var(--play-scale))}#crab-lab .crab-lab-picture-library>nav button{width:100%;min-height:calc(20px * var(--play-scale));padding:calc(2px * var(--play-scale));font-size:calc(6px * var(--play-scale));text-align:left;border:0;border-radius:0}#crab-lab .crab-lab-picture-library>nav button[aria-current=page]{color:#fff;background:#000}#crab-lab .crab-lab-picture-library>nav p{margin-top:calc(5px * var(--play-scale));border-top:calc(1px * var(--play-scale)) solid black;padding-top:calc(4px * var(--play-scale));font:calc(6px * var(--play-scale)) / 1.25 Arial, sans-serif}#crab-lab .crab-lab-picture-library>section{grid-template-rows:auto minmax(0,1fr);display:grid}.crab-lab-picture-library>section>header,.crab-lab-surf-library>section>header{border-bottom:calc(1px * var(--play-scale)) solid black;padding:calc(4px * var(--play-scale));justify-content:space-between;align-items:baseline;display:flex}.crab-lab-picture-library>section>header span,.crab-lab-surf-library>section>header span{font:calc(6px * var(--play-scale)) Arial, sans-serif}.crab-lab-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc(68px * var(--play-scale));gap:calc(3px * var(--play-scale));min-height:0;padding:calc(4px * var(--play-scale));display:grid;overflow:auto}#crab-lab .crab-lab-picture-grid button{min-width:0;min-height:0;padding:calc(2px * var(--play-scale));font-size:calc(6px * var(--play-scale));border-radius:0;grid-template-rows:minmax(0,1fr) auto;display:grid}#crab-lab .crab-lab-picture-grid button[aria-pressed=true]{color:#fff;background:#000}.crab-lab-picture-grid img{object-fit:contain;width:100%;height:100%;min-height:0;image-rendering:pixelated;background:#fff}#crab-lab .crab-lab-picture-library>aside{padding:calc(4px * var(--play-scale));flex-direction:column;display:flex;overflow:auto}.crab-lab-picture-preview{flex:0 0 calc(112px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;background:#bfbfbf;place-items:center;display:grid;overflow:hidden}.crab-lab-picture-preview img{max-width:100%;max-height:100%;image-rendering:pixelated;background:#fff}.crab-lab-picture-library>aside>header{justify-content:space-between;align-items:start;gap:calc(3px * var(--play-scale));margin-top:calc(4px * var(--play-scale));display:flex}#crab-lab .crab-lab-picture-library h3,#crab-lab .crab-lab-surf-library h3,#crab-lab .crab-lab-resources h3{font-size:calc(8px * var(--play-scale));margin:0}.crab-lab-picture-library code{font-size:calc(6px * var(--play-scale))}#crab-lab .crab-lab-picture-library>aside>p{margin:calc(4px * var(--play-scale)) 0;font:calc(6px * var(--play-scale)) / 1.25 Arial, sans-serif}#crab-lab .crab-lab-picture-library dl,#crab-lab .crab-lab-surf-library dl,#crab-lab .crab-lab-opening-assembly dl,#crab-lab .crab-lab-resource-art dl{gap:calc(3px * var(--play-scale));font:calc(5px * var(--play-scale)) Arial, sans-serif;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}#crab-lab .crab-lab-picture-library dd,#crab-lab .crab-lab-surf-library dd,#crab-lab .crab-lab-opening-assembly dd,#crab-lab .crab-lab-resource-art dd{overflow-wrap:anywhere;margin:0}#crab-lab .crab-lab-picture-library dt,#crab-lab .crab-lab-surf-library dt,#crab-lab .crab-lab-opening-assembly dt,#crab-lab .crab-lab-resource-art dt{text-transform:uppercase;font-weight:700}.crab-lab-picture-library>aside>a{padding-top:calc(4px * var(--play-scale));color:#000;font-size:calc(6px * var(--play-scale));margin-top:auto}.crab-lab-opening-assembly{grid-template-columns:minmax(0, 2fr) minmax(calc(190px * var(--play-scale)), 1fr);gap:calc(6px * var(--play-scale));min-height:0;display:grid}#crab-lab .crab-lab-opening-assembly>section,#crab-lab .crab-lab-opening-assembly>aside{border:calc(1px * var(--play-scale)) solid black;min-width:0;min-height:0}#crab-lab .crab-lab-opening-assembly>section{background:#bfbfbf;place-items:center;display:grid;position:relative;overflow:hidden}.crab-lab-opening-assembly canvas{width:100%;height:auto;max-height:100%;image-rendering:pixelated;background:#fff}#crab-lab .crab-lab-opening-assembly>section p{padding:calc(3px * var(--play-scale));font-size:calc(7px * var(--play-scale));background:#fff;position:absolute}#crab-lab .crab-lab-opening-assembly>aside{padding:calc(7px * var(--play-scale));flex-direction:column;display:flex}.crab-lab-opening-assembly>aside>header{justify-content:space-between;gap:calc(4px * var(--play-scale));display:flex}.crab-lab-opening-assembly>aside>header span{border:calc(1px * var(--play-scale)) solid black;padding:calc(1px * var(--play-scale));font:calc(5px * var(--play-scale)) Arial, sans-serif;text-transform:uppercase}#crab-lab .crab-lab-opening-assembly>aside>p{margin:calc(8px * var(--play-scale)) 0;font:calc(7px * var(--play-scale)) / 1.35 Arial, sans-serif}.crab-lab-opening-progress{height:calc(8px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;background:#fff}.crab-lab-opening-progress span{background:#000;height:100%;display:block}.crab-lab-opening-controls{gap:calc(3px * var(--play-scale));margin:calc(5px * var(--play-scale)) 0;display:flex}#crab-lab .crab-lab-opening-controls button{min-height:calc(18px * var(--play-scale));padding:calc(2px * var(--play-scale)) calc(7px * var(--play-scale));font-size:calc(6px * var(--play-scale))}.crab-lab-surf-library{grid-template-columns:minmax(0, 2fr) calc(200px * var(--play-scale));gap:calc(6px * var(--play-scale));min-height:0;display:grid}#crab-lab .crab-lab-surf-library>section,#crab-lab .crab-lab-surf-library>aside{border:calc(1px * var(--play-scale)) solid black;min-width:0;min-height:0}#crab-lab .crab-lab-surf-library>section{grid-template-rows:auto minmax(0,1fr);display:grid}.crab-lab-surf-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(55px * var(--play-scale));gap:calc(3px * var(--play-scale));min-height:0;padding:calc(4px * var(--play-scale));display:grid;overflow:auto}#crab-lab .crab-lab-surf-grid button{min-width:0;min-height:0;padding:calc(2px * var(--play-scale));font-size:calc(5px * var(--play-scale));border-radius:0;grid-template-rows:minmax(0,1fr) auto;display:grid}#crab-lab .crab-lab-surf-grid button[aria-pressed=true]{color:#fff;background:#000}.crab-lab-surf-crop{aspect-ratio:512/124;background:#fff;width:100%;display:block;position:relative;overflow:hidden}.crab-lab-surf-crop img{width:112.5%;height:auto;image-rendering:pixelated;position:absolute;left:0}#crab-lab .crab-lab-surf-library>aside{padding:calc(6px * var(--play-scale));overflow:auto}.crab-lab-surf-library>aside>.crab-lab-surf-crop{border:calc(1px * var(--play-scale)) solid black}#crab-lab .crab-lab-surf-library>aside h3{margin:calc(6px * var(--play-scale)) 0 calc(3px * var(--play-scale))}#crab-lab .crab-lab-surf-library>aside dl{margin-top:calc(6px * var(--play-scale))}#crab-lab .crab-lab-surf-library>aside p{margin:calc(6px * var(--play-scale)) 0 0;border-top:calc(1px * var(--play-scale)) solid black;padding-top:calc(5px * var(--play-scale));font:calc(6px * var(--play-scale)) / 1.3 Arial, sans-serif}.crab-lab-resources{gap:calc(6px * var(--play-scale));grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.crab-lab-resources>header{justify-content:space-between;align-items:end;display:flex}#crab-lab .crab-lab-resources>header p{margin-top:calc(2px * var(--play-scale));font:calc(7px * var(--play-scale)) Arial, sans-serif}.crab-lab-resources>header>span{font-size:calc(6px * var(--play-scale));text-transform:uppercase}.crab-lab-resource-layout{grid-template-columns:minmax(0, 3fr) minmax(calc(190px * var(--play-scale)), 2fr);gap:calc(6px * var(--play-scale));min-height:0;display:grid}.crab-lab-resource-art{gap:calc(4px * var(--play-scale));grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;overflow:auto}.crab-lab-resource-art article{grid-template-columns:calc(62px * var(--play-scale)) minmax(0, 1fr);min-height:calc(112px * var(--play-scale));border:calc(1px * var(--play-scale)) solid black;padding:calc(4px * var(--play-scale));grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.crab-lab-resource-art article>div:first-child{margin-right:calc(5px * var(--play-scale));border-right:calc(1px * var(--play-scale)) solid black;background:repeating-conic-gradient(#ddd 0 25%, white 0 50%) 0 / calc(8px * var(--play-scale)) calc(8px * var(--play-scale));grid-row:1/5;place-items:center;display:grid}.crab-lab-resource-art img{width:auto;height:auto;max-width:calc(48px * var(--play-scale));max-height:calc(48px * var(--play-scale));image-rendering:pixelated}.crab-lab-resource-art header code{font-size:calc(6px * var(--play-scale))}.crab-lab-resource-art .crab-lab-sprite-status{margin-top:calc(3px * var(--play-scale));justify-self:start}#crab-lab .crab-lab-resource-art p{margin:calc(4px * var(--play-scale)) 0;font:calc(5px * var(--play-scale)) / 1.25 Arial, sans-serif}#crab-lab .crab-lab-resource-layout>aside{border:calc(1px * var(--play-scale)) solid black;min-height:0;padding:calc(5px * var(--play-scale));overflow:auto}.crab-lab-resource-layout>aside section+section{margin-top:calc(7px * var(--play-scale));border-top:calc(1px * var(--play-scale)) solid black;padding-top:calc(5px * var(--play-scale))}.crab-lab-resource-metadata{margin:calc(3px * var(--play-scale)) 0 0;font:calc(6px * var(--play-scale)) Arial, sans-serif}#crab-lab .crab-lab-resource-metadata div{grid-template-columns:calc(52px * var(--play-scale)) minmax(0, 1fr);display:grid}#crab-lab .crab-lab-resource-metadata dd{overflow-wrap:anywhere;margin:0}.crab-lab-resource-counts{gap:calc(2px * var(--play-scale));margin-top:calc(3px * var(--play-scale));flex-wrap:wrap;display:flex}.crab-lab-resource-counts span{border:calc(1px * var(--play-scale)) solid black;padding:calc(1px * var(--play-scale)) calc(2px * var(--play-scale));font:calc(5px * var(--play-scale)) Arial, sans-serif}#crab-lab .crab-lab-resedit-dialog blockquote{margin:calc(4px * var(--play-scale)) 0;border-left:calc(3px * var(--play-scale)) double black;padding-left:calc(5px * var(--play-scale));font:calc(6px * var(--play-scale)) / 1.25 Arial, sans-serif}#crab-lab .crab-lab-resedit-dialog p{font-size:calc(6px * var(--play-scale))}#crab-lab footer{border-top:calc(1px * var(--play-scale)) solid black;padding:calc(5px * var(--play-scale)) calc(12px * var(--play-scale));font-family:Arial,sans-serif;font-size:calc(7px * var(--play-scale));text-align:center}