.pixelGallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0;scroll-margin-top:20px}.pixelCard{display:flex;flex-direction:column;gap:12px;padding:20px;text-align:left;background:#fff;border:2px solid #a8c9bd;border-radius:14px}.pixelCard:hover{border-color:#087e80;background:#eef9f3}.pixelCard canvas{display:block;image-rendering:pixelated;max-width:100%;width:100%;height:220px;object-fit:contain;background:#e5ece8;border-radius:7px}.pixelCard strong{font-size:25px}.pixelCard span{line-height:1.5}.pixelCard small{color:#537077}.catPixelCard{max-width:490px}.pixelPurpose{border-left:4px solid #087e80;background:#e7f3ec;padding:20px}.catChallenge{position:relative;background:#f9f7fc}.catPresenterHotspot{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;background:transparent!important;opacity:0;cursor:default}.catPresenterHotspot:focus-visible{opacity:1;outline:3px solid #7650af}.screenReaderOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#eyeExerciseDialog{width:min(1180px,96vw);max-height:94vh;padding:0;border:1px solid #a8c9bd;border-radius:15px;color:#15353b;background:#f7faf8}#eyeExerciseDialog::backdrop{background:#102d35b8}.pixelDialogHeader{position:sticky;top:0;z-index:3;background:#f7faf8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid #b9d0c7}.pixelDialogHeader h2{font-size:28px;margin:0}.pixelDialogHeader button{flex-shrink:0}.pixelDialogBody{padding:10px 24px 30px}.pixelToolbar{margin:14px 0}.pixelToolbar button{font-size:15px}.pixelWorkbench{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,.8fr) minmax(260px,1.2fr);gap:24px;align-items:start}.pixelWorkbench section{min-width:0}.pixelWorkbench h3{font-size:19px;margin:15px 0}.pixelFourGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pixelFourGrid button{min-width:0;aspect-ratio:1;padding:4px;font-size:23px;font-weight:700;border:2px solid #a4bdb5;border-radius:8px;font-variant-numeric:tabular-nums}.pixelWeight.positive{background:#ffe1ad}.pixelWeight.negative{background:#cde0fc}.pixelWeight.zero{background:#f0f3f1}.pixelWeight.locked{border-style:dashed;opacity:.75}.pixelFourGrid .pixelWeight[aria-pressed=true],.pixelFourGrid .patchPixel.selected{outline:4px solid #9a4bcd;outline-offset:-3px;border-color:#652f8c}.pixelValueControls{display:flex;gap:8px}.pixelValueControls button{flex:1;font-size:22px;font-weight:700}.pixelValueControls button:disabled{opacity:.35;cursor:default}.pixelWorkbench #pixelPhoto{display:block;width:100%;height:auto;image-rendering:pixelated;border:2px solid #849f94;border-radius:6px;cursor:crosshair}.pixelWorkbench .controls{gap:8px}.pixelWorkbench .controls button{font-size:13px;padding:8px}.pixelExplanation{background:#f2eafb;border-left:5px solid #9652c3;padding:18px;font-size:18px;line-height:1.8}#pixelResult{font-size:18px;min-height:75px}#pixelResult[data-state=passed]{background:#d5f2df;border-color:#17834b}#pixelResult[data-state=retry]{background:#fff0d9;border-color:#b67c22}#pixelPracticeAnswer,.pixelMath{padding:18px;border:1px solid #bbcec5;border-radius:9px;background:white;margin:18px 0}#pixelPracticeAnswer summary,.pixelMath summary{font-weight:bold;cursor:pointer}.pixelPattern{display:inline-block;font-size:20px;line-height:1.8;margin-right:20px;vertical-align:middle}.catSolutionPanel{background:#fff7d9;padding:20px;border:2px solid #ba9c45;border-radius:10px;margin:20px 0}#pixelCatSolution[hidden],#pixelPracticeAnswer[hidden],#pixelFill[hidden],#pixelBlank[hidden]{display:none!important}@media(max-width:850px){.pixelWorkbench{grid-template-columns:1fr 1fr}.pixelWorkbench section:last-child{grid-column:1/-1;max-width:550px}.pixelCard canvas{height:180px}}@media(max-width:550px){.pixelGallery{grid-template-columns:1fr}.pixelDialogHeader{padding:14px}.pixelDialogHeader h2{font-size:22px}.pixelDialogBody{padding:8px 14px 24px}.pixelWorkbench{gap:14px}.pixelWorkbench h3{font-size:16px}.pixelFourGrid button{font-size:19px}.pixelExplanation{font-size:16px}.pixelToolbar label{width:100%}.pixelCard strong{font-size:23px}}

.pixelFourGrid{max-width:250px}.pixelValueControls{max-width:250px;margin:0 0 10px}.pixelValueControls button{padding:6px;font-size:20px}.pixelDialogBody>p:first-child{font-size:15px;line-height:1.5;margin:10px 0}.pixelDialogBody #pixelResult{font-size:16px;min-height:60px;padding:14px 18px;margin:12px 0}.pixelToolbar{gap:10px;margin:10px 0}.pixelWorkbench #pixelPhoto{max-width:360px}.pixelWorkbench h3{margin:10px 0}.pixelDialogBody .small{font-size:13px}.pixelWorkbench .controls{margin:12px 0}

.pixelPatchGuide{display:flex;align-items:center;height:36px;margin:0 0 10px;font-size:14px;line-height:1.3}

.pixelContributionMath{margin:12px 0;padding:12px 16px;border:1px solid #cabbda;border-radius:8px;background:white}.pixelContributionMath summary{cursor:pointer;font-weight:700}

.catMission[hidden],.pixelRevealInside[hidden]{display:none!important}.catMission{padding:16px;background:#edf6f5;border:1px solid #9bc6c1;border-radius:12px;margin:12px 0}.catTestResults{display:flex;gap:8px;flex-wrap:wrap}.catTestResults button{font-size:15px}.pixelDialogHeader{position:sticky}.pixelRevealInside{position:absolute;right:125px;top:10px;width:40px;height:40px;opacity:0;padding:0;z-index:3}.pixelRevealInside:focus-visible{opacity:1;outline:3px solid #8b52c8}.pixelWeight.locked{border-style:dashed;opacity:.62}.pixelWeight:not(.locked){border:2px solid #168887}.pixelFourGrid .pixelWeight{font-size:22px}
.maskPhotos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.maskPhotos button{padding:8px;display:grid;gap:6px}.maskPhotos img{width:100%;height:100px;object-fit:cover;border-radius:6px}.maskPhotos [aria-pressed=true]{outline:3px solid #9343cf}.maskViews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.maskViews figure{margin:0}.maskViews figcaption{font-weight:750;margin:10px 0}.maskViews canvas{width:100%;display:block;border-radius:8px;cursor:crosshair;background:#101a25}.maskInspect{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:25px}.maskPatch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:250px}.maskPatch button{padding:10px 2px;font-size:19px;min-width:0}.maskInspect .selected{outline:3px solid #a442ef;outline-offset:1px}#filter-lab:fullscreen{background:#f5f9f8;overflow:auto;padding:30px;box-sizing:border-box}#filter-lab:fullscreen .maskPhotos img{height:70px}#filter-lab:fullscreen .maskViews{max-width:1500px;margin:auto}#filter-lab:fullscreen h2{font-size:36px}@media(max-width:750px){.maskViews{grid-template-columns:1fr}.maskPhotos{grid-template-columns:repeat(2,1fr)}.maskInspect{grid-template-columns:1fr 1fr}.maskInspect section:last-child{grid-column:1/-1}}
.maskPhotos{grid-template-columns:repeat(2,minmax(0,1fr))}.maskPhotos button{padding:12px;background:#edf3f3}.maskPhotos img{height:230px;object-fit:contain;background:#dde8e8;width:100%}.maskPhotos span{font-size:18px;font-weight:700}#filter-lab:fullscreen .maskPhotos img{height:160px}#filter-lab:fullscreen .maskPhotos{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:600px){.maskPhotos{grid-template-columns:1fr}.maskPhotos img{height:260px}}