[data-theme=sfc]{--ink:#302d3b;--muted:#494352;--accent:#5c407d;--link:#e0d1a3;color-scheme:dark}[data-theme=sfc] body{isolation:isolate;background:#182d21;position:relative}[data-theme=sfc] body:before{content:"";z-index:-1;pointer-events:none;image-rendering:pixelated;background:#182d21 url(/games/kr-patches/catalogue/rabite-forest-waterfall.webp) 50%/cover no-repeat;position:fixed;inset:0}[data-theme=sfc] .page-width{width:min(100%,1040px);padding-inline:28px}.catalogue-world{isolation:isolate;grid-template-columns:minmax(0,1fr);padding-bottom:0;display:grid;position:relative}.patch-catalogue{padding-block:clamp(40px,7vw,72px) 16px;position:relative}.console-heading{filter:drop-shadow(0 10px 8px #050c098c);background:repeating-linear-gradient(#86868a 0 4px,#d7d7d9 4px 5px,#0000 5px 12px) 14px 34px/18px 58px no-repeat,repeating-linear-gradient(#86868a 0 4px,#d7d7d9 4px 5px,#0000 5px 12px) right 14px top 34px/18px 58px no-repeat,linear-gradient(#d3d3d6,#b9b9bc 45%,#a6a6aa);border-radius:30px 30px 8px 8px;justify-content:space-between;align-items:center;gap:24px;padding:20px 46px 24px;display:flex;box-shadow:0 0 0 2px #77777b,inset 0 4px #e7e7ea,inset 0 -4px #96969a}.console-label{background:linear-gradient(115deg,#fbf8f0,#efeadd);border-radius:8px;flex:1;grid-template-columns:auto 1fr;align-items:center;column-gap:20px;padding:14px 20px;display:grid;box-shadow:0 0 0 4px #9a9a9e,inset 0 0 0 1px #00000014}.console-label:before{content:"";background:radial-gradient(circle at 34% 40%,#4b9dec 0 14%,#0000 15%),radial-gradient(circle at 66% 34%,#ed5e68 0 14%,#0000 15%),radial-gradient(circle at 30% 66%,#48c493 0 14%,#0000 15%),radial-gradient(circle at 64% 62%,#f2cc58 0 14%,#0000 15%),#1b1a1f;border-radius:4px;grid-row:1/3;width:58px;height:58px}.console-back{color:#4b4651;justify-self:start;font-size:.875rem;text-decoration:none}.console-back:hover,.console-back:focus-visible{color:#1f1c24;text-decoration:underline}.console-heading h1{color:#1f1c24;font-family:var(--pixel);font-synthesis:none;font-size:24px;font-weight:700;line-height:1.2}.sfc-controller{flex:none;width:192px;height:96px;display:block}.game-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:48px;padding:0;list-style:none;display:grid}.game-card{height:100%;color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.game-card:focus-visible{outline-offset:6px;outline:4px solid #ac8dcb}.sfc-cart-defs{position:absolute}.cartridge{z-index:1;aspect-ratio:400/250;filter:drop-shadow(0 10px 8px #050c098c);transition:transform .25s cubic-bezier(.2,.8,.2,1);position:relative}.game-card:hover .cartridge,.game-card:focus-visible .cartridge{transform:translateY(-10px)}.cartridge-shell{width:100%;height:100%;position:absolute;inset:0}.cartridge-label{border-radius:5px;width:79.5%;height:39.2%;position:absolute;top:4.8%;left:10.25%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,0 1px #d5d5d8}.cartridge-label:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff2e,#0000 38%);position:absolute;inset:0}.cartridge-label img{object-fit:cover;width:100%;height:100%;display:block}.game-card-copy{background:#c6c3c6;border:4px solid #e5e1d9;border-bottom-color:#c6c3c6;flex-direction:column;flex:1;justify-content:center;margin-top:16px;padding:18px;display:flex;position:relative;box-shadow:0 0 0 2px #625c69,inset 3px 3px #f0ece2}.game-release{color:var(--muted);font:400 .875rem/1.75 var(--body);margin-bottom:10px}.game-release span{margin-inline:4px}.game-card-copy h2{color:#342b43;font-family:var(--pixel);font-synthesis:none;text-wrap:balance;text-shadow:1px 1px #f3eee4;font-size:24px;line-height:1.5}.game-copyright{color:#494352;overflow-wrap:anywhere;background:#c6c3c6;border:4px solid #e5e1d9;border-top:0;padding:0 18px 14px;font-size:.875rem;line-height:1.8;box-shadow:0 0 0 2px #625c69,6px 8px #101e18,inset -4px -4px #99939f}.game-copyright:before{content:"";border-top:1px solid #a39caa;margin-bottom:10px;display:block}[data-theme=sfc] .page-footer{color:#cbc7ae;background:#101818d9;margin-top:32px;padding-block:24px;font-size:.875rem;box-shadow:0 0 0 100vmax #101818d9}.world-rail{pointer-events:none;user-select:none;display:none}@media (width<=639px){[data-theme=sfc] .page-width{padding-inline:24px}.game-catalogue{grid-template-columns:minmax(0,1fr);gap:28px}.console-heading{background-position:9px 24px,right 9px top 24px,0 0;background-size:12px 44px,12px 44px,auto;padding:14px 30px 18px}.console-label{column-gap:12px;padding:10px 12px}.console-label:before{width:40px;height:40px}.sfc-controller{display:none}}@media (width>=640px){.console-heading h1{font-size:36px}}@media (width>=1200px){.catalogue-world{grid-template-columns:minmax(112px,1fr) minmax(0,1040px) minmax(112px,1fr);gap:12px;padding-inline:12px}[data-theme=sfc] .patch-catalogue.page-width{width:100%}.patch-catalogue{grid-column:2}.world-rail{width:max(100vw,168.421vh);height:max(100vh,59.375vw);display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.world-sprite{width:calc(var(--frame-width) * var(--sprite-scale));height:calc(var(--frame-height) * var(--sprite-scale));background-image:var(--sprite-image);background-repeat:no-repeat;background-size:calc(var(--frame-width) * var(--sprite-scale) * var(--frame-count)) 100%;image-rendering:pixelated;animation:sprite-frames var(--frame-duration) steps(var(--frame-count)) infinite;background-position:0 0;position:absolute;transform:translate(-50%,-100%)}.sprite-mega-man-x{--sprite-image:url(/games/kr-patches/catalogue/sprites/mega-man-x-run.webp);--frame-width:40px;--frame-height:40px;--frame-count:10;--frame-duration:.5s;--sprite-scale:2;left:8.39844%;top:calc(194 / 304 * 100% + 2px * var(--sprite-scale))}.sprite-diddy-kong{--sprite-image:url(/games/kr-patches/catalogue/sprites/diddy-kong-cap-juggle.webp);--frame-width:56px;--frame-height:72px;--frame-count:256;--frame-duration:12.8s;--sprite-scale:2;left:11.7188%;top:calc(96 / 304 * 100% + 2px * var(--sprite-scale))}.sprite-ryu{--sprite-image:url(/games/kr-patches/catalogue/sprites/ryu-shoryuken.webp);--frame-width:72px;--frame-height:144px;--frame-count:86;--frame-duration:4.3s;--sprite-scale:2;left:93.5547%;top:calc(225 / 304 * 100% + 2px * var(--sprite-scale))}}@keyframes sprite-frames{to{background-position-x:calc(-1 * var(--frame-width) * var(--sprite-scale) * var(--frame-count))}}@media (width>=1800px){.sprite-mega-man-x,.sprite-diddy-kong,.sprite-ryu{--sprite-scale:3}}@media (width>=1200px) and (width<=1499px){.sprite-mega-man-x{left:13.6719%;top:calc(135 / 304 * 100% + 2px * var(--sprite-scale))}.sprite-ryu{display:none}}@media (width>=1200px) and (width<=1499px) and (aspect-ratio>=8/5){.sprite-mega-man-x{left:5.85938%;top:calc(194 / 304 * 100% + 2px * var(--sprite-scale))}.sprite-diddy-kong{left:5.85938%;top:calc(51 / 304 * 100% + 2px * var(--sprite-scale))}}@media (width>=1200px) and (width<=1499px) and (aspect-ratio<=4/3){.sprite-mega-man-x{left:18.75%;top:calc(141 / 304 * 100% + 2px * var(--sprite-scale))}.sprite-diddy-kong{display:none}}@media (prefers-reduced-motion:reduce){.world-sprite{animation:none}.cartridge{transition:none}}.boot-stage{z-index:1000;cursor:pointer;background:radial-gradient(at 50% 60%,#1d2028,#050608 70%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.boot-rig{aspect-ratio:1139/505;width:min(92vw,880px,160vh - 76.8px);margin-top:min(18vw,160px);position:relative}.boot-console{width:100%;height:100%;display:block;position:absolute;inset:0}.boot-console-front{z-index:3}.boot-cart{z-index:4;transform-origin:0 0;filter:none;margin:0;transition:none;position:absolute}.boot-cart.is-in-slot{z-index:2}.boot-cart:after{content:"";pointer-events:none;background:linear-gradient(100deg,#ffffff0f,#00000024);border-radius:4%/6%;position:absolute;inset:0}.boot-lamp{z-index:4;opacity:0;background:#ff3a2a;border-radius:50%;width:2.1%;height:.9%;transition:opacity .12s steps(2,end);position:absolute;transform:translate(-50%,-50%)rotate(14deg);box-shadow:0 0 6px 2px #ff3c28cc,0 0 18px 6px #ff3c2859}.boot-lamp.is-on{opacity:1}.boot-crt{z-index:5;visibility:hidden;background:#000;place-items:center;display:grid;position:fixed;inset:0}.boot-crt.is-on{visibility:visible}.boot-crt-screen{aspect-ratio:4/3;clip-path:inset(50%);border-radius:2.5%/3.3%;width:min(100vw,133.333vh);position:relative;overflow:hidden}.boot-crt-screen img{object-fit:fill;width:100%;height:100%;image-rendering:pixelated;display:block}.boot-crt-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#000000a6);position:absolute;inset:0}.boot-curtain{z-index:6;opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}
