@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Mono:wght@400;500&display=swap');
:root{--bg:#171a17;--cream:#e9e5d3;--orange:#ed7547;--muted:#a6a99a;--line:#ffffff20;--mono:'DM Mono',monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--mono);font-size:12px}body:before{content:'';position:fixed;inset:0;background:url("data:image/svg,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.15' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.17;pointer-events:none;z-index:20}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.skip{position:fixed;top:-100px;padding:15px;background:black;z-index:100}.skip:focus{top:5px}
header{margin:0 5%;padding:27px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:bold;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.mark{color:var(--orange);font-size:31px;letter-spacing:-7px;transform:skew(-10deg);margin-right:10px}.brand small{font-size:9px;letter-spacing:1px;color:var(--muted);margin-left:28px;font-weight:400}.tools{display:flex;gap:24px}.tools button{border:0;background:none;font-size:10px;letter-spacing:1px;padding:10px 0}.tools button span{color:var(--muted)}
main{max-width:1480px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;padding:0 5%;column-gap:45px}.intro{padding-top:90px;position:relative}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:7px}h1{font-family:var(--display);font-size:clamp(85px,8.6vw,137px);line-height:.85;letter-spacing:-3px;text-transform:uppercase;margin:30px 0;position:relative;font-weight:800}h1 em{font-style:normal;color:var(--orange)}h1>span{position:absolute;font-family:serif;font-size:49px;right:0;top:5px;color:var(--orange);font-weight:400}.intro>p{line-height:1.9;font-size:12px;color:#b9bcac;margin-top:32px}.collection-link{display:inline-flex;gap:20px;align-items:center;font-size:9px;margin-top:23px;border-bottom:1px solid #ffffff35;padding-bottom:12px}.collection-link b{font-size:22px;color:var(--orange)}.note{font-size:9px;line-height:1.8;color:#929989;margin-top:38px}
.setup{position:relative;padding-top:60px;min-width:0;background:radial-gradient(ellipse,#899b6218,transparent 70%)}.wall-label{font-size:8px;letter-spacing:2px;text-align:right;color:#9aa38f;margin-bottom:20px}.wall-label span{color:var(--orange);padding:0 10px}.television{position:relative;display:flex;padding:20px 18px 22px;background:linear-gradient(125deg,#77776c,#45483e 35%,#30362c);border:3px solid #20251e;border-top:4px solid #8c8c7b;border-radius:26px;box-shadow:0 30px 55px #0008,inset 0 0 0 3px #525747;gap:15px}.television:after{content:'';position:absolute;bottom:-13px;left:45px;right:45px;height:12px;background:linear-gradient(90deg,#272a22 0 50px,transparent 50px calc(100% - 50px),#272a22 calc(100% - 50px))}.bezel{flex:1;min-width:0;background:#242720;padding:13px;border-radius:40px;box-shadow:inset 0 3px 8px #000b,0 1px 1px #a5a68b55}.screen{position:relative;aspect-ratio:4/3;background:#0c1b19;border-radius:30px;overflow:hidden;box-shadow:inset 0 0 40px #000,0 0 20px #75a99715;border:2px solid #101a16}.screen:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 35px #000b;pointer-events:none;background:linear-gradient(135deg,#ffffff0b,transparent 45%)}#standby{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b5c4a1;text-shadow:0 0 12px #b5c4a145;text-align:center;padding:18px}.screen-top,.screen-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.screen-top{top:20px}.screen-bottom{bottom:20px;color:#91a18e}.pixel-logo{font-size:55px;color:var(--orange);line-height:1;transform:scaleX(1.3);text-shadow:5px 0 #ed754750}#standby h2{font-size:clamp(16px,2vw,27px);letter-spacing:3px;margin:13px 0 7px}#standby p{font-size:7px;letter-spacing:1px;max-width:90%;line-height:1.7}.prompt{font-size:8px;margin-top:24px;animation:blink 2.8s steps(2,end) infinite}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px);opacity:.5;z-index:2}iframe{width:100%;height:100%;border:0;position:absolute;inset:0;background:black}
.tv-controls{width:62px;display:flex;flex-direction:column;align-items:center;gap:17px;padding-top:13px}.tv-controls>span{font-size:6px;white-space:nowrap}.dial{width:45px;height:45px;background:repeating-conic-gradient(#252820 0deg 5deg,#43483b 5deg 10deg);border-radius:50%;border:4px solid #24291e;box-shadow:0 4px 6px #0008;position:relative}.dial:after{content:'';position:absolute;top:4px;left:16px;width:3px;height:18px;background:#b3b4a0;transform:rotate(25deg)}.dial.small{width:37px;height:37px}.dial.small:after{left:12px;height:14px}.speaker{flex:1;min-height:65px;width:40px;background:repeating-linear-gradient(#1b2019 0 2px,transparent 2px 6px)}.tv-controls>i{width:5px;height:5px;background:#f49657;border-radius:50%;box-shadow:0 0 8px #f49657}
.shelf{position:relative;display:flex;gap:30px;align-items:end;padding:30px 20px 15px;margin:0 -15px;background:linear-gradient(transparent 75%,#6c4931 75%,#896242 80%,#2d241a 85%)}.console{flex:1;min-width:0;position:relative;background:#1f201b;border-radius:10px 10px 4px 4px;box-shadow:0 15px 20px #0007;border:1px solid #080b07;max-width:440px}.ribs{background:repeating-linear-gradient(90deg,#141612 0 3px,#303129 3px 5px);padding:12px 19px}.ribs>span{font-size:6px;color:#b8baa6}#slot{position:relative;display:block;margin:10px auto 8px;width:85%;height:40px;border:3px solid #404237;background:#080b08;box-shadow:inset 0 3px 7px black;color:#b7b79e;font-size:8px;letter-spacing:1px;transition:border-color .2s,box-shadow .2s}#slot.target{border-color:var(--orange);box-shadow:0 0 25px #ed754755}.console.loaded #slot{border-color:#98b990;color:#b5d6a4}.switches{display:flex;justify-content:space-between;font-size:6px;align-items:center}.switches i{display:inline-block;width:4px;height:4px;background:#90a986;border-radius:50%;margin-left:4px}.switches button{border:1px solid #626351;background:#2d3025;font-size:7px;padding:4px 10px}.wood{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:repeating-linear-gradient(2deg,#0000 0 2px,#2e160e25 3px 4px),linear-gradient(90deg,#815037,#ad7e4c,#6e422e);border-top:2px solid #b39258;color:#f1e8cd}.wood strong{font-size:13px}.wood small{font-size:9px;font-weight:400}.wood>span{font-size:5px;letter-spacing:1px}.joystick{width:95px;height:65px;background:linear-gradient(135deg,#3d4035,#191e16);position:relative;border:3px solid #11160e;border-radius:14px;box-shadow:7px 12px 15px #0008;transform:rotate(-9deg);margin-bottom:12px}.stick{position:absolute;width:18px;height:55px;bottom:25px;left:43px;background:linear-gradient(90deg,#11170e,#525b43,#131b0f);border-radius:9px;transform:rotate(8deg);box-shadow:4px 7px 8px #0008}.stick:before{content:'';position:absolute;width:25px;height:20px;top:-5px;left:-3px;border-radius:6px;background:#161d13;border-top:3px solid #414b33}.joystick>i{width:18px;height:18px;background:#ae422c;border-radius:50%;position:absolute;top:9px;left:12px;box-shadow:0 4px #4c2117}.joystick>span{position:absolute;bottom:5px;left:12px;font-size:5px}.setup-caption{display:flex;justify-content:space-between;gap:12px;margin-top:17px;font-size:7px;color:var(--muted);line-height:1.7}.setup-caption button{background:none;border:0;font-size:7px;white-space:nowrap}
.collection{grid-column:1/-1;border-top:1px solid var(--line);margin-top:65px;padding-top:40px;scroll-margin-top:30px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.collection h2{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:38px;line-height:1;margin:12px 0 0}.collection-heading p{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:0}.count{font-size:10px;color:#a5ad99}.cartridges{display:flex;flex-wrap:wrap;justify-content:center;gap:36px 3%;padding:50px 3% 38px}.cartridge{width:22.75%;min-width:210px;max-width:280px;position:relative;text-align:left;padding:10px 12px 0;border:2px solid #080b08;border-radius:11px 11px 5px 5px;background:linear-gradient(120deg,#3c3d33,#20251d 65%);box-shadow:8px 15px 0 #0002,0 24px 30px #0004,inset 0 1px 0 #737765;transform:rotate(-5deg);transition:transform .25s,box-shadow .25s;touch-action:pan-y;user-select:none;cursor:grab}.cartridge.frostbite{transform:rotate(3deg)}.cartridge.pitfall{transform:rotate(-3deg)}.cartridge:hover,.cartridge:focus-visible{transform:translateY(-12px) rotate(0);box-shadow:0 30px 40px #0006}.grip{display:block;height:16px;background:repeating-linear-gradient(#11170e 0 2px,#343d2b 2px 4px);margin:0 1px 9px;border-radius:3px}.label{display:block;background:#d97c46;color:#29271a;border:1px solid #141c0f;overflow:hidden;border-radius:3px}.label-top,.label-bottom{font-size:6px;display:flex;justify-content:space-between;padding:9px 10px;letter-spacing:.5px}.label-top{border-bottom:1px solid #0003}.cartridge strong{display:block;font-family:var(--display);font-size:38px;line-height:.9;padding:12px 10px 8px;font-weight:800;letter-spacing:-1px;min-height:111px}.cartridge strong small{font:5px var(--mono);display:block;letter-spacing:1px;margin-top:9px}.art{display:block;height:113px;position:relative;overflow:hidden;background:#262b24;margin:0 7px;image-rendering:pixelated}.building{background:repeating-linear-gradient(0deg,transparent 0 26px,#b35736 26px 30px),repeating-linear-gradient(90deg,#392e25 0 16px,#b58c4d 16px 25px,#392e25 25px 40px)}.building:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 9px,#392e25 9px 24px,#0000 24px 30px);opacity:.6}.lift{position:absolute;inset:0 40% 0 44%;background:#1b2421;border-left:4px solid #bca773;border-right:4px solid #bca773;z-index:1}.agent,.explorer{position:absolute;width:8px;height:13px;background:#e3c6a0;bottom:27px;left:27%;box-shadow:0 -8px #283636,4px 8px #171f1c,-4px 16px #171f1c,8px 16px #171f1c;z-index:2}.frostbite .label{background:#a9c7c1}.ice{background:linear-gradient(#345757 0 56%,#dedccb 56% 64%,#537780 64% 73%,#d9ddc8 73% 82%,#466c7b 82% 92%,#d9ddc8 92%)}.mountain{position:absolute;width:100%;height:50px;top:4px;background:#aec3bb;clip-path:polygon(0 100%,20% 5%,35% 65%,50% 20%,70% 100%,85% 35%,100% 100%)}.igloo{position:absolute;right:12%;bottom:45px;width:38px;height:28px;border-radius:50% 50% 0 0;background:repeating-linear-gradient(0deg,#dfe0c9 0 7px,#8ba9a1 7px 9px)}.igloo:after{content:'';position:absolute;bottom:0;left:15px;width:10px;height:14px;background:#345757}.penguin{position:absolute;left:24%;bottom:15px;width:9px;height:15px;background:#252c2b;box-shadow:4px 0 #d9dbbc,0 4px #db9752}.pitfall .label{background:#bfc279}.jungle{background:linear-gradient(#424f2b 0 20%,#7d8948 20% 60%,#adac65 60% 76%,#292b1a 76% 88%,#8c7c40 88%)}.jungle:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 37px,#343b21 37px 48px,transparent 48px 67px);clip-path:polygon(0 0,100% 0,100% 70%,0 70%)}.vine{position:absolute;width:2px;height:75px;left:50%;top:-10px;background:#d6cd78;transform:rotate(30deg)}.explorer{background:#c9be7b;left:45%;bottom:33px}.base{display:block;text-align:center;padding:13px 0;font-size:6px;color:#a6ac94;letter-spacing:1px}
.ritual{display:flex;align-items:center;justify-content:center;gap:25px;color:var(--orange);font-size:9px;padding:25px 0 40px}.ritual b{font-weight:400;color:#adb29f;margin-left:7px}.ritual>i{width:70px;height:1px;background:var(--line)}.closing{grid-column:1/-1;text-align:center;border-top:1px solid var(--line);padding:60px 0 70px}.closing p{font:600 58px/.98 var(--display);text-transform:uppercase;margin:22px 0}.closing em{font-style:normal;color:var(--orange)}.closing>span:last-child{font-size:10px;line-height:1.9;color:var(--muted)}footer{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:8px}footer .brand{font-size:16px}
.drag-ghost{position:fixed!important;z-index:99;pointer-events:none;opacity:.95;transform:rotate(-8deg)!important;transition:none!important;margin:0!important}.drag-source{opacity:.3}.is-immersive main{max-width:1200px;display:block}.is-immersive .intro,.is-immersive .collection,.is-immersive .closing,.is-immersive footer{display:none}.is-immersive .setup{max-width:960px;margin:0 auto;padding-top:25px}.is-immersive{background:#080c09}.screen:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}.screen:fullscreen .scanlines{display:none}[hidden]{display:none!important}@keyframes blink{50%{opacity:.4}}
@media(max-width:1000px){main{gap:25px}h1>span{display:none}.television{padding:12px;gap:8px}.tv-controls{width:40px;gap:10px}.bezel{padding:8px}.dial{width:35px;height:35px}.dial:after{left:11px}.tv-controls>span{font-size:5px}.screen-top,.screen-bottom{font-size:5px;left:12px;right:12px}.joystick{width:70px}.shelf{gap:14px;padding-left:7px;padding-right:7px}.ribs{padding:10px}.setup-caption{font-size:6px}.cartridges{gap:36px 5%}.cartridge{width:42%}.brand small{display:none}.cartridge strong{font-size:32px}}
@media(max-width:720px){header{padding:18px 0}.brand{font-size:20px}.tools{gap:16px}.tools button{font-size:8px}.intro{padding-top:45px}.intro h1{font-size:100px;max-width:340px}.intro>p{font-size:11px}.intro .note{display:none}.intro .collection-link{margin-top:12px}main{display:block;padding:0 6%}.setup{padding-top:35px}.television{border-radius:20px}.screen{border-radius:22px}.bezel{border-radius:28px}#standby h2{font-size:20px}#standby p{font-size:6px}.pixel-logo{font-size:40px}.prompt{font-size:6px;margin-top:12px}.tv-controls{width:40px}.speaker{min-height:40px}.collection{margin-top:45px;padding-top:28px}.collection-heading{flex-wrap:wrap;gap:12px}.collection h2{font-size:34px}.collection-heading p{font-size:9px}.count{display:none}.cartridges{flex-wrap:nowrap;gap:17px;padding:35px 8px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory}.cartridge{flex:0 0 210px;width:210px;scroll-snap-align:center}.cartridge strong{font-size:36px}.ritual{gap:10px;font-size:7px;padding-bottom:25px}.ritual>i{width:15px}.ritual b{margin-left:3px}.closing{padding:45px 0}.closing p{font-size:46px}footer{gap:20px;flex-wrap:wrap}footer>span{font-size:7px}.is-immersive .setup{padding-top:12px}}
@media(max-width:360px){.intro h1{font-size:86px}.tools{gap:10px}.brand{font-size:17px}}
.inserted-cartridge{position:absolute;left:50%;bottom:18px;width:120px;height:42px;transform:translateX(-50%);border:6px solid #242a20;border-top-width:10px;border-radius:5px 5px 0 0;background:#d97c46;color:#242a20;font:700 13px var(--display);padding:3px;box-shadow:2px 3px 5px #0009;animation:insert .45s ease-out;pointer-events:none}.inserted-cartridge.frostbite{background:#a9c7c1}.console.loaded #slot-label{font-size:6px;position:relative;top:9px}
@keyframes insert{from{opacity:0;translate:0 -55px;rotate:-8deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(max-width:450px){.screen-top{top:10px;font-size:4px}.screen-bottom{bottom:10px;font-size:4px}#standby{padding:22px 8px}.pixel-logo{font-size:28px}#standby h2{font-size:15px;letter-spacing:2px;margin:7px 0 3px}#standby p{font-size:5px;margin:4px 0}.prompt{font-size:5px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cartridge.keystone{transform:rotate(4deg)}.cartridge.keystone:hover,.cartridge.keystone:focus-visible{transform:translateY(-12px) rotate(0)}.keystone .label,.inserted-cartridge.keystone{background:#c5b1ce}.inserted-cartridge.pitfall{background:#bfc279}.city{background:repeating-linear-gradient(0deg,transparent 0 33px,#c5ae88 33px 39px),repeating-linear-gradient(90deg,#303649 0 21px,#8b768d 21px 34px,#303649 34px 49px)}.city:after{content:"";position:absolute;bottom:0;left:0;right:0;height:15px;background:#b19d80;border-top:5px solid #65596b}.officer,.crook{position:absolute;width:9px;height:15px;bottom:26px;z-index:1}.officer{left:25%;background:#657fa6;box-shadow:0 -7px #e0b990,0 -11px #455a83,-4px 13px #253044,8px 13px #253044}.crook{right:23%;background:#272631;box-shadow:0 -7px #d6b28c,0 -11px #272631,-5px 13px #272631,8px 13px #272631}