@font-face{font-family:Early GameBoy;src:url(../fonts/early-gameboy.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Early GameBoy,monospace;color:#242524;background:#f5f5f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}header{height:88px;margin:0 5%;display:flex;align-items:center;justify-content:space-between}a{color:inherit;text-decoration:none}.brand{font-size:13px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px}.flag{font-size:27px;letter-spacing:0}.edition{font-size:9px;color:#92938c;font-weight:500;margin-left:10px;letter-spacing:1.4px}.nav-product{font-size:12px;font-weight:600;margin-left:-95px}.source{font-size:11px;color:#686963}.source span{margin-left:12px}main{position:relative;height:calc(100svh - 171px);min-height:650px;max-height:1100px}.intro{position:absolute;top:22%;left:9%;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#777b73;margin-bottom:25px}h1{font-size:clamp(50px,5.8vw,88px);letter-spacing:-5px;font-weight:550;line-height:1.02;margin:0}h1 span{color:#92968d}.intro p{font-size:15px;line-height:1.8;color:#7a7d76;margin-top:27px}#viewer{position:absolute;top:0;right:0;bottom:65px;left:30%;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}canvas:focus-visible{outline:2px solid #7d896d;outline-offset:-4px}.view-label{position:absolute;right:7.2%;top:35px;font-size:8px;letter-spacing:1.6px;color:#8a8d85;display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;background:#939e80;border-radius:50%}.viewer-hint{position:absolute;bottom:4px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;color:#999c94;pointer-events:none}.viewer-hint span{padding:0 9px}#loading{position:absolute;inset:45% 0 auto;text-align:center;color:#8a8d85;font-size:12px;z-index:3}#loading span{display:block;margin:15px auto;height:2px;width:80px;background:#a0a890;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2}}.bottom{position:absolute;bottom:0;left:5%;right:5%;height:65px;display:flex;align-items:center;justify-content:space-between}.product-name{display:flex;gap:9px;flex-direction:column}.product-name strong{font-size:13px;font-weight:600;letter-spacing:.2px}.product-name>span{font-size:10px;color:#93968d;display:flex;gap:7px;align-items:center}.product-name i{display:inline-block;width:8px;height:8px;background:#bcbdb5;border-radius:50%;border:1px solid #a5a79f}.controls{display:flex;align-items:center;gap:3px;background:#fff9;border:1px solid #e6e7e0;border-radius:30px;padding:5px;box-shadow:0 4px 18px #00000003}.controls button{font:inherit;font-size:10px;border:0;background:transparent;color:#858980;border-radius:22px;padding:11px 17px;cursor:pointer;transition:background .2s,color .2s}.controls button.active,.controls button[aria-pressed=true]{background:#e8ebe2;color:#434d38}.controls button:hover{background:#edf0e8;color:#343d2a}.divider{height:16px;width:1px;background:#dedfd9;margin:0 3px}.study{font-size:10px;letter-spacing:1.6px;color:#95998e}.study span{margin:0 9px;color:#c1c4bb}footer{margin:0 5%;height:83px;display:flex;align-items:center;justify-content:space-between;color:#94978f;font-size:9px}footer>span:first-child{font-size:11px;color:#74786e}footer div{display:flex;gap:25px}.disclaimer{font-size:8px}@media(min-width:1600px){.intro{left:12%}}@media(max-width:760px){header{height:68px}.edition,.nav-product,.study,footer div{display:none}.brand{font-size:11px}main{height:calc(100svh - 128px);min-height:760px;max-height:none}.intro{top:37px;left:7%}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:17px}h1{font-size:48px;letter-spacing:-2.7px}.intro p{font-size:12px;margin-top:15px;line-height:1.6}#viewer{top:220px;right:0;bottom:100px;left:0}.view-label{top:6px;right:7%;font-size:7px}.bottom{height:94px;flex-wrap:wrap;justify-content:center;gap:10px;padding:5px 0 12px}.product-name{flex-direction:row;width:100%;justify-content:center;align-items:center;gap:15px}.product-name strong{font-size:11px}.controls button{padding:10px 13px;font-size:9px}.viewer-hint{font-size:9px;bottom:7px}footer{height:60px}footer>span:first-child{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}h1{font-size:clamp(30px,3vw,46px);letter-spacing:-1.5px}@media(max-width:760px){h1{font-size:clamp(20px,7vw,38px);letter-spacing:-1px}.controls{max-width:100%;gap:1px;padding:4px}.controls button{font-size:7px;padding:10px 8px}.divider{margin:0 2px}.intro p{font-size:10px}.viewer-hint{font-size:7px}}.view-label{flex-wrap:wrap;justify-content:flex-end;max-width:90%}.pixel-toggle{font:inherit;font-size:8px;letter-spacing:0;padding:9px 11px;border:1px solid #b8bcaf;border-radius:16px;background:#e8ebe2;color:#434d38;cursor:pointer}.pixel-toggle[aria-pressed=false]{background:#f5f5f3;color:#686963}.pixel-toggle:focus-visible{outline:2px solid #434d38;outline-offset:3px}.pixel-strength{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-basis:100%;font-size:8px;letter-spacing:0}.pixel-strength input{width:120px;max-width:40vw;accent-color:#657353;cursor:pointer;margin:0;min-height:28px}.pixel-strength input:disabled{opacity:.4;cursor:default}.pixel-strength output{min-width:38px;text-align:right}.pixel-strength input:focus-visible{outline:2px solid #657353;outline-offset:3px}main{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}.intro{position:relative;left:auto;top:auto;width:auto;max-width:none;margin:58px 9% 0}.intro h1{font-size:clamp(24px,3.2vw,48px)}.intro p{font-size:12px;line-height:1.9;margin-bottom:0}#viewer{position:relative;inset:auto;width:100%;height:1480px;margin-top:12px;isolation:isolate}.view-label{top:0;right:5%;z-index:2}.bottom{position:relative;inset:auto;height:85px;margin:0 5%}@media(max-width:760px){.intro{margin:36px 7% 0}.intro h1{font-size:clamp(18px,5.6vw,30px)}.intro p{font-size:10px}#viewer{height:1100px;margin-top:25px}.view-label{top:0}.bottom{height:auto;min-height:100px;padding:12px 0 20px}}@media(min-width:761px){main{height:calc(100svh - 171px);min-height:650px;display:block}.intro{position:absolute;left:5%;top:22%;margin:0;width:31%;z-index:3}.intro h1{font-size:clamp(20px,2.1vw,34px)}.intro p{font-size:10px}#viewer{position:absolute;top:0;right:0;bottom:65px;left:0;height:auto;margin:0}.bottom{position:absolute;left:5%;right:5%;bottom:0;height:65px;margin:0}}@media(max-width:760px){#viewer{height:clamp(500px,155vw,680px);margin-top:8px}}@media(min-width:761px){.intro{top:calc(50% - 82.5px);transform:translateY(-50%)}}.eyebrow{line-height:1.8}.console-strip{overflow:hidden;margin:0 5%;height:100px;display:flex;align-items:center}.console-track{display:flex;flex:none;width:max-content;animation:console-scroll 45s linear infinite}.console-set{list-style:none;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:center;gap:20px;width:max(1400px,90vw);flex:none;padding:0 10px;margin:0}.console-set li{min-width:0}.console-set img{display:block;width:100%;height:65px;object-fit:contain;image-rendering:pixelated}.console-strip:hover .console-track,.console-strip:focus-within .console-track{animation-play-state:paused}.console-strip:focus-visible{outline:2px solid #92968d;outline-offset:4px}@keyframes console-scroll{to{transform:translate(-50%)}}@media(min-width:761px){#viewer{bottom:165px}.bottom{bottom:100px}.console-strip{position:absolute;bottom:0;left:5%;right:5%;margin:0}}@media(prefers-reduced-motion:reduce){.console-strip{overflow-x:auto}.console-track{animation:none}.console-set[aria-hidden=true]{display:none}}.intro p{max-width:38em;font-size:clamp(11px,.8vw,13px);line-height:1.8;color:#656a61;margin:22px 0 0}@media(max-width:760px){.intro p{font-size:11px;line-height:1.8;margin-top:20px}}.preorder-button{display:inline-flex;align-items:center;gap:16px;margin-top:24px;padding:16px 21px 20px;min-height:52px;border:4px solid #481338;border-radius:0;background:#701e56;color:#fff;font:inherit;font-size:11px;line-height:1.5;pointer-events:auto;text-decoration:none;box-shadow:inset 4px 4px #a64983,inset -4px -8px #481338;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 4px,12px 4px)}.preorder-button[href]{cursor:pointer}.preorder-button[href]:hover{background:#842966}.preorder-button:focus-visible{outline:2px solid #701e56;outline-offset:5px}@media(max-width:760px){.preorder-button{font-size:10px;padding:14px 19px 18px;margin-top:22px}}@media(min-width:761px){.bottom .controls{position:absolute;left:50%;transform:translate(-50%)}}.brand-logo{display:block;width:136px;height:48px;overflow:hidden}@media(max-width:760px){.brand-logo{width:108.8px;height:38.4px}}:root{--accent:#701e56;--accent-ink:#fff;--accent-dark:color-mix(in srgb,var(--accent),#000 36%);--accent-light:color-mix(in srgb,var(--accent),#fff 24%)}.colour-picker{margin-top:30px;pointer-events:auto}.colour-label{display:block;font-size:9px;line-height:1.6;color:#777b73;margin-bottom:10px}.colour-options{display:flex;gap:16px;align-items:center}.colour-swatch{width:36px;height:36px;border:5px solid #f5f5f3;padding:0;background:var(--swatch);cursor:pointer;box-shadow:0 0 0 1px #d7d9d2;border-radius:50%}.colour-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #242524}.colour-swatch:focus-visible{outline:2px solid #242524;outline-offset:5px}.preorder-button{margin-top:24px;background:var(--accent);color:var(--accent-ink);border-color:var(--accent-dark);box-shadow:inset 4px 4px 0 var(--accent-light),inset -4px -8px 0 var(--accent-dark)}.preorder-button[href]:hover{background:var(--accent-light)}.preorder-button:focus-visible{outline-color:var(--accent)}@media(hover:hover)and (pointer:fine){:root body,:root body *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='60'%20viewBox='0%200%2016%2020'%20shape-rendering='crispEdges'%3e%3cpath%20fill='%23701e56'%20d='M3%203h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v2H9v2h1v2H7v-2H6v-2H5v1H4v1H3z'/%3e%3cpath%20fill='%23242524'%20d='M1%201h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v2H8v2h1v2H6v-2H5v-2H4v1H3v1H1z'/%3e%3cpath%20fill='%23f5f5f3'%20d='M2%203h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1H6v2h1v2H6v-2H5v-2H4v1H3v1H2z'/%3e%3c/svg%3e") 3 3,auto}:root body :is(a,button,[role=button]):not(:disabled){cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='54'%20viewBox='0%200%2016%2018'%20shape-rendering='crispEdges'%3e%3cpath%20fill='%23701e56'%20d='M7%203h3v5h4v1h1v6h-1v2H7v-2H5v-2H3v-3h3V4h1z'/%3e%3cpath%20fill='%23242524'%20d='M5%201h3v5h2v1h3v1h1v6h-1v2H6v-2H4v-2H2V9h3z'/%3e%3cpath%20fill='%23f5f5f3'%20d='M6%202h1v7h1V7h1v3h1V8h1v2h1V9h1v4h-1v2H7v-2H5v-2H3v-1h2v1h1z'/%3e%3c/svg%3e") 18 3,pointer}:root body #scene{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3cpath%20fill='%23701e56'%20d='M5%204h2V2h3v2h3v2h2v6h-1v3H6v-2H4v-2H2V8h3z'/%3e%3cpath%20fill='%23242524'%20d='M4%202h2V1h3v1h3v2h2v7h-1v3H5v-2H3v-2H1V7h3z'/%3e%3cpath%20fill='%23f5f5f3'%20d='M5%203h1v4h1V2h1v5h1V3h2v5h1V5h1v5h-1v3H6v-2H4V9H2V8h2v1h1z'/%3e%3c/svg%3e") 24 24,grab}:root body #scene:active{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3cpath%20fill='%23701e56'%20d='M5%206h2V5h6v1h2v6h-1v3H6v-2H4v-2H3V7h2z'/%3e%3cpath%20fill='%23242524'%20d='M4%204h2V3h6v1h2v7h-1v3H5v-2H3v-2H2V5h2z'/%3e%3cpath%20fill='%23f5f5f3'%20d='M5%205h1v3h1V4h1v4h1V4h2v4h1V5h1v5h-1v3H6v-2H4V9H3V6h1v3h1z'/%3e%3c/svg%3e") 24 24,grabbing}}@media(max-width:760px){.intro{margin-top:20px}.intro .eyebrow{margin-bottom:14px}.intro p{margin-top:16px}.intro .preorder-button{margin-top:18px}.bottom{min-height:64px;padding:8px 0 12px}}@media(min-width:761px)and (max-width:1200px){main{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}.intro{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:680px;margin:28px 5% 0}.intro h1{font-size:clamp(24px,3.2vw,34px)}.intro p{font-size:12px}#viewer{position:relative;inset:auto;width:100%;height:clamp(680px,75vw,840px);margin:8px 0 0}.bottom{position:relative;inset:auto;height:64px;min-height:64px;margin:0 5%;justify-content:center}.bottom .controls{position:static;transform:none}.console-strip{position:relative;inset:auto;margin:0 5%;flex-shrink:0}footer{height:auto;min-height:76px;gap:20px;flex-wrap:wrap;padding:20px 0;line-height:1.8}footer div{flex-wrap:wrap;gap:16px}}.bottom{flex-direction:column;justify-content:center;gap:10px;height:100px}.bottom .controls{position:static;transform:none;flex-shrink:0}.game-license-note{margin:0;max-width:560px;padding:0 8px;text-align:center;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;color:#656a61}@media(min-width:1201px){#viewer{bottom:200px}}@media(max-width:1200px){.bottom{height:auto;min-height:96px;flex-wrap:nowrap;padding:8px 0 14px}}.preorder-price{display:flex;flex-direction:column;gap:4px;margin-top:24px}.preorder-price strong{display:flex;align-items:baseline;gap:8px;font-size:clamp(28px,2.5vw,36px);font-weight:400;line-height:1.15;letter-spacing:-1px;color:#242524}.preorder-price strong span{font-size:17px;letter-spacing:0}.price-detail{font-family:Arial,sans-serif;font-size:13px;line-height:1.5;color:#656a61}.intro .preorder-price+.preorder-button{margin-top:14px}.intro .queue-note{margin:10px 0 0;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;color:#656a61}@media(max-width:760px){.preorder-price{margin-top:20px}}.preorder-price strong .price-amount{display:inline-flex;align-items:baseline;gap:3px;font-size:inherit;letter-spacing:inherit}.pixel-dollar{display:block;align-self:center;width:.82em;height:1em;overflow:visible;shape-rendering:crispEdges;flex-shrink:0}.device-touch-target{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;clip-path:polygon(0 0,0 0,0 0)}.device-touch-target[hidden]{display:none}