@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{min-height:100%;background:#161510}body{margin:0;min-height:100svh;font-family:Inter,Arial,sans-serif;color:#eee9db;background:radial-gradient(ellipse at 50% 52%,#5c4c273f,transparent 60%),#161510}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,.device:focus-visible{outline:2px solid #f8c828;outline-offset:5px}.mast{height:100px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:600;letter-spacing:-.6px}.brand img{object-fit:contain}.social{color:#b5ad98;display:grid;place-items:center;width:40px;height:40px;border:1px solid #494334;border-radius:50%}.social svg{width:14px;height:14px;fill:currentColor}.social:hover{color:#f8c828;border-color:#ad8d37}main{min-height:calc(100svh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 40px 90px;gap:32px;overflow:hidden}.device{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr) 116px;align-items:center;gap:14px;width:min(1250px,100%);padding:40px 26px 55px;border:1px solid #f5eed9;border-radius:90px;background:linear-gradient(145deg,#fff7e1 0%,#ded9ca 22%,#f0ead9 55%,#bfb9a7 100%);box-shadow:0 2px 0 #8c8778,0 7px 0 #b5ae9a,0 10px 0 #4e493c,0 15px 0 #27251f,0 46px 70px #0009,inset 0 3px 2px #fff,inset 0 -3px 4px #91866b;isolation:isolate}.device:after{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #c9c0a150;border-radius:inherit;z-index:-1}.shoulder{position:absolute;top:-13px;z-index:-1;width:123px;height:28px;border:1px solid #bab29f;border-radius:18px 18px 4px 4px;background:linear-gradient(#bcb6a8,#777264);color:#343129;font-size:10px;font-weight:800;box-shadow:0 -2px 0 #e7e1d5}.shoulder-left{left:58px}.shoulder-right{right:58px}.shoulder:active{transform:translateY(3px)}.display-bezel{position:relative;min-width:0;padding:14px;background:linear-gradient(135deg,#49473e,#151713 35%,#252823);border:1px solid #4f4b3b;border-radius:28px;box-shadow:0 2px 0 #ffffffe0,0 -1px 2px #817762,0 0 0 4px #b5ad96,inset 0 1px 2px #f9edb333,inset 0 -3px 2px #0009}.screen{position:relative;aspect-ratio:1.8;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 55% 25%,#c39a42 0%,#9a7028 43%,#5b421c 100%);box-shadow:inset 0 0 0 2px #191a14,inset 0 0 35px #241b0790;touch-action:pan-y;isolation:isolate}.screen:after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,#0a0d06 0px,#0a0d06 1px,transparent 1px,transparent 3px)}.screen-status{position:absolute;top:19px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;font-weight:600;color:#fff3cfb5;z-index:5}.screen-status span:first-child{display:flex;align-items:center;gap:8px}.screen-status i{width:5px;height:5px;display:block;border-radius:50%;background:#ffdb59;box-shadow:0 0 8px #ffe18b}.waves{position:absolute;inset:0;opacity:.8;pointer-events:none;mix-blend-mode:screen}.waves svg{width:125%;height:100%;position:absolute;left:-12%;animation:wave-drift 17s ease-in-out infinite alternate}@keyframes wave-drift{to{transform:translateY(28px) scaleY(1.12) rotate(-3deg)}}.screen-glass{position:absolute;inset:0;pointer-events:none;z-index:7;border:1px solid #fce4ac55;border-radius:inherit;background:linear-gradient(126deg,#fff6dc14,transparent 34%,transparent 75%,#fcf0c20c)}.carousel-window{position:absolute;inset:30px 0 88px;perspective:1000px;overflow:visible}.carousel{--radius:205px;--turn:0deg;position:absolute;inset:0;transform-style:preserve-3d}.cartridge{position:absolute;left:50%;top:50%;width:154px;height:170px;border-radius:24px;text-decoration:none;background:linear-gradient(145deg,#fff7e1,#e7ddc3 65%,#c8b995);box-shadow:0 2px 0 #a68b55,0 6px 0 #69552f,0 12px 20px #2e210953,inset 0 1px 2px #fff;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateY(calc(var(--index)*90deg + var(--turn))) translateZ(var(--radius)) rotateY(calc(var(--index)*-90deg - var(--turn)));transition:transform .65s cubic-bezier(.22,.8,.25,1),opacity .5s,filter .5s;outline-offset:8px;will-change:transform;backface-visibility:hidden;opacity:.56;filter:saturate(.65) brightness(.85)}.cartridge.selected{opacity:1;filter:saturate(1) brightness(1);box-shadow:0 2px 0 #d9bb72,0 6px 0 #7d612d,0 15px 30px #36250966,0 0 25px #ffe3a333,inset 0 1px 2px #fff}.cartridge.rear{opacity:.15;pointer-events:none;filter:blur(.5px) saturate(.3)}.icon-face{position:absolute;inset:0 0 12px;display:grid;place-items:center;border:1px solid #fff4d2aa;border-radius:inherit}.symbol{height:145px;width:145px;overflow:visible}.icon-shadow{fill:#726442;opacity:.15}.cartridge-edge{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.cartridge-edge i{width:3px;height:4px;background:#9e906b;border-radius:1px;box-shadow:1px 0 0 #fff8}.selected-page{position:absolute;bottom:38px;left:0;right:0;text-align:center;z-index:6}.selected-page a{display:inline-flex;align-items:center;gap:18px;text-decoration:none;color:#fff7dc;font-size:33px;letter-spacing:-1.2px;font-weight:600;text-shadow:0 2px 10px #38270766}.selected-page svg{height:20px;width:20px;fill:none;stroke:#f8d681;stroke-width:1.7;transition:transform .2s}.selected-page a:hover svg{transform:translateX(4px)}.page-dots{position:absolute;bottom:15px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;z-index:9}.page-dots button{width:16px;height:16px;border:0;background:none;padding:5px}.page-dots button:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#fff3cc44;transition:background .2s,transform .2s}.page-dots button[aria-pressed=true]:before{background:#fff1b8;transform:scale(1.3);box-shadow:0 0 5px #fff1bb77}.left-grip,.right-grip{display:flex;align-items:center;flex-direction:column;gap:28px}.dpad{width:100px;height:100px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);filter:drop-shadow(0 3px 1px #fff7)}.dpad button{border:0;background:linear-gradient(140deg,#45453c,#25271f);box-shadow:inset 0 2px 2px #757568,inset 0 -2px 2px #10130b;color:#bdb7a3;padding:0;position:relative}.dpad button span{font-size:12px;filter:drop-shadow(0 1px 0 #000)}.dpad button:active{background:#25271f;box-shadow:inset 0 2px 4px #10130b}.dpad-up{grid-column:2;grid-row:1;border-radius:7px 7px 0 0}.dpad-left{grid-column:1;grid-row:2;border-radius:7px 0 0 7px}.dpad-right{grid-column:3;grid-row:2;border-radius:0 7px 7px 0}.dpad-down{grid-column:2;grid-row:3;border-radius:0 0 7px 7px}.dpad i{grid-column:2;grid-row:2;background:#30332a;box-shadow:inset 0 1px 2px #505347;z-index:1}.dpad i:after{content:'';display:block;width:16px;height:16px;border:1px solid #13180d;border-radius:50%;margin:8px;background:linear-gradient(140deg,#34392c,#24291d)}.jog{height:57px;width:57px;border-radius:50%;border:4px solid #c5beac;outline:1px solid #a59b82;background:repeating-conic-gradient(#484b3f 0deg 5deg,#35392f 5deg 10deg);box-shadow:inset 0 2px 1px #797d6a,0 4px 0 #787462,0 7px 9px #4e493d44;touch-action:none;position:relative}.jog span{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#595d4f,#34392d);box-shadow:inset 0 1px 2px #737766}.jog span:before{content:'';position:absolute;width:3px;height:7px;border-radius:2px;background:#d1bd7c;top:4px;left:50%;transform:translateX(-50%)}.speaker{display:flex;gap:5px}.speaker i{height:3px;width:5px;border-radius:5px;background:#8d8774;box-shadow:0 1px 0 #fff7,inset 0 1px 1px #4d493e}.action-cluster{width:102px;height:135px;position:relative}.action{position:absolute;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#505043,#282c22);border:2px solid #a9a38d;box-shadow:0 4px 0 #686552,0 7px 9px #6e654955,inset 0 2px 2px #8d8b76;color:#ddcd98;display:grid;place-items:center}.action-back{left:0;top:4px}.action-enter{right:0;bottom:4px;color:#f8c828}.action svg{height:25px;width:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action:active{transform:translateY(3px);box-shadow:0 1px 0 #686552,inset 0 2px 3px #1c2116}.power{width:7px;height:7px;border-radius:50%;background:#f8c828;box-shadow:0 0 8px #b89437,0 1px 1px #fff}.device-footer{position:absolute;bottom:18px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:10px;letter-spacing:4px;color:#938970;text-shadow:0 1px 0 #fff;font-weight:800}.shell-screw{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#716d5d,#d2cdbb);box-shadow:0 1px 0 #fff6,inset 0 1px 2px #3b3b3022;position:relative}.shell-screw:after{content:'';width:4px;height:1px;background:#7e7765;position:absolute;top:3px;left:1px;transform:rotate(-35deg)}.gesture-hint{margin:0;color:#8c8370;font-size:10px;letter-spacing:1px;word-spacing:2px}.gesture-hint span{padding:0 9px;color:#5a5447}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.runner .run-body{transform-origin:80px 80px}.cartridge.run.selected .run-body{animation:run-idle 1.5s ease-in-out infinite alternate}@keyframes run-idle{to{transform:translate(1px,-2px) rotate(1deg)}}
@media(min-width:1450px){.carousel{--radius:235px}.cartridge{width:177px;height:190px}.symbol{width:164px;height:164px}.carousel-window{inset:38px 0 100px}.selected-page{bottom:45px}}
@media(max-width:1050px) and (min-width:801px){main{padding:35px 25px 80px}.device{grid-template-columns:78px minmax(0,1fr) 78px;gap:10px;padding:30px 18px 44px;border-radius:65px}.screen{aspect-ratio:1.5}.carousel{--radius:165px}.cartridge{width:130px;height:148px}.symbol{width:122px;height:122px}.dpad{width:74px;height:74px}.dpad i:after{margin:5px;width:13px;height:13px}.action-cluster{width:72px;height:115px}.action{width:43px;height:43px}.jog{width:47px;height:47px}.left-grip,.right-grip{gap:20px}.display-bezel{padding:10px;border-radius:20px}.screen-status{top:15px;left:16px;right:16px;font-size:8px}.selected-page a{font-size:29px}.carousel-window{inset:30px 0 75px}.selected-page{bottom:32px}.page-dots{bottom:9px}.device-footer{bottom:13px}}
@media(max-width:800px){.mast{height:78px;padding:0 24px}.brand{font-size:16px}.brand img{width:25px;height:25px}.social{height:34px;width:34px}main{min-height:calc(100svh - 78px);padding:32px 21px 48px;gap:27px;justify-content:center}.device{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px 8px;padding:20px 18px 38px;border-radius:43px;width:min(440px,100%)}.display-bezel{grid-column:1/-1;grid-row:1;padding:10px;border-radius:23px}.screen{aspect-ratio:.91;border-radius:13px}.left-grip{grid-column:1;grid-row:2;flex-direction:row;gap:18px;justify-content:flex-start;padding-left:4px}.right-grip{grid-column:2;grid-row:2;flex-direction:row;gap:15px;justify-content:flex-end;padding-right:2px}.speaker{display:none}.power{width:5px;height:5px}.dpad{width:73px;height:73px;flex-shrink:0}.dpad i:after{width:12px;height:12px;margin:6px}.dpad button span{font-size:10px}.jog{height:43px;width:43px;flex-shrink:0;border-width:3px}.jog span{inset:5px}.jog span:before{height:5px;top:3px;width:2px}.action-cluster{width:79px;height:82px}.action{width:43px;height:43px;border-width:1px}.action-back{top:0}.action-enter{bottom:0}.action svg{height:20px;width:20px}.shoulder{width:83px;height:24px;top:-11px;font-size:9px}.shoulder-left{left:32px}.shoulder-right{right:32px}.device-footer{bottom:13px;left:30px;right:30px}.wordmark{font-size:8px;letter-spacing:2.5px}.shell-screw{width:6px;height:6px}.screen-status{top:17px;left:15px;right:15px;font-size:7px;letter-spacing:1.5px}.screen-status i{width:4px;height:4px}.carousel-window{inset:30px 0 83px;perspective:800px}.carousel{--radius:132px}.cartridge{width:117px;height:139px;border-radius:20px}.symbol{height:114px;width:114px}.cartridge-edge{bottom:8px}.cartridge-edge i{height:3px;width:2px}.selected-page{bottom:40px}.selected-page a{font-size:29px;gap:14px}.selected-page svg{width:19px}.page-dots{bottom:15px;gap:9px}.gesture-hint{font-size:8px;letter-spacing:.25px;word-spacing:0}.gesture-hint span{padding:0 4px}.waves svg{width:200%;left:-50%;opacity:.8}}
@media(max-width:350px){main{padding-left:13px;padding-right:13px}.device{padding:17px 14px 35px}.left-grip{gap:12px}.right-grip{gap:7px}.dpad{width:66px;height:66px}.dpad i:after{margin:5px}.jog{width:39px;height:39px}.carousel{--radius:116px}.cartridge{width:105px;height:126px}.symbol{height:101px;width:101px}.screen-status{font-size:6px;letter-spacing:1.2px}.gesture-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.emblem{stroke:none;filter:drop-shadow(0 3px 1px #5c4f2d25);width:190px;height:190px}.emblem .icon-shadow{fill:#726442;opacity:.15}.emblem .orbit-detail{fill:none;stroke:#948661;stroke-width:1.1;opacity:.4;stroke-linecap:square}.emblem .speed-lines{fill:none;stroke:#ad9865;stroke-width:2;stroke-linecap:round}.globe.emblem .brand-lettering{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:43px;font-weight:900;fill:url(#world-type);stroke:#302919;stroke-width:4px;paint-order:stroke fill;stroke-linejoin:round}.globe.emblem .type-depth{fill:#231e12;stroke:#231e12;stroke-width:5px}.rocket-craft,.exit-flight,.world-orbit{transform-origin:80px 80px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.control.launch:hover .rocket-craft,.control.launch:focus-visible .rocket-craft{transform:translate(3px,-4px)}.control.quit:hover .exit-flight,.control.quit:focus-visible .exit-flight{transform:translateX(5px)}.control.world:hover .world-orbit,.control.world:focus-visible .world-orbit{transform:rotate(-7deg)}
.cartridge .icon-face .emblem{width:92%;height:92%;filter:drop-shadow(0 3px 1px #5c4f2d25)}
/* XMB software layout: one horizontal category axis and a vertical link axis. */
.xmb-screen{background:radial-gradient(ellipse at 95% 100%,#20b5d4 0%,#108fca 33%,#1354a0 68%,#060d59 100%);font-family:Arial,Helvetica,sans-serif;box-shadow:inset 0 0 0 2px #141e30,inset 0 0 20px #0003}.screen:after{opacity:.022}.screen-glass{background:linear-gradient(130deg,#fff1,transparent 45%,#fff0);border-color:#a8c9de40}.screen-status{top:17px;left:23px;right:22px;color:#fff;letter-spacing:0;font-family:Arial,sans-serif;font-weight:400;font-size:19px;text-shadow:0 1px 4px #001541}.screen-brand{font-size:9px;letter-spacing:2px;opacity:.5}.system-status{display:flex;gap:10px;align-items:center}.battery{position:relative;display:flex;align-items:center;gap:2px;border:2px solid #fff;width:28px;height:15px;padding:2px;box-shadow:0 0 4px #fff6}.battery:after{content:'';position:absolute;right:-5px;width:3px;height:7px;background:#fff}.battery i{width:5px;height:7px;display:block;background:#fff;border-radius:0;box-shadow:none}.waves{opacity:1;mix-blend-mode:normal;inset:-10% -15%;filter:blur(.2px)}.waves svg{width:130%;left:-15%;height:125%;animation:xmb-waves 22s ease-in-out infinite alternate}.waves path:first-of-type{fill:#c4f4ff20}.waves path:nth-of-type(2){stroke:#daf7ff;stroke-opacity:.2;stroke-width:2}.waves path:nth-of-type(3){stroke:#c8f4ff;stroke-opacity:.25;stroke-width:24;filter:blur(13px)}@keyframes xmb-waves{to{transform:translateY(17px) scaleY(1.16)}}.carousel-window{inset:0;perspective:none;overflow:hidden;pointer-events:none}.carousel{inset:0;transform-style:flat}.cartridge{--offset:0;position:absolute;left:26%;top:21%;width:90px;height:105px;margin-left:-45px;border:0;border-radius:0;background:none!important;box-shadow:none!important;transform:translateX(calc(var(--offset)*clamp(115px,14vw,200px)));opacity:.48;filter:none!important;transition:transform .4s cubic-bezier(.2,.8,.25,1),opacity .25s;pointer-events:auto;backface-visibility:visible;will-change:transform}.cartridge.selected{opacity:1}.cartridge.wrap{transition:none}.category-icon{display:block;height:70px;width:90px;color:#f1f6fc;filter:drop-shadow(0 1px 2px #193761) drop-shadow(0 0 3px #d8f4ff7a);transition:transform .25s}.category-icon svg{display:block;width:100%;height:100%}.selected .category-icon{transform:scale(1.12);filter:drop-shadow(0 1px 2px #153768) drop-shadow(0 0 5px #fff9)}.category-name{display:block;text-align:center;color:#fff;font-size:20px;text-shadow:0 2px 4px #093661;opacity:0;margin-top:3px}.selected .category-name{opacity:1}.submenu{position:absolute;top:48%;left:calc(26% - 28px);right:28px;z-index:6;display:flex;flex-direction:column;gap:17px}.menu-entry{display:flex;align-items:flex-start;gap:19px;color:#fff;text-decoration:none;min-width:0;opacity:.36;filter:drop-shadow(0 1px 2px #173757);transition:opacity .2s}.menu-entry.active{opacity:1}.menu-entry>svg{width:44px;height:44px;flex-shrink:0;margin-top:0;filter:drop-shadow(0 0 2px #fff8)}.menu-entry>span{display:block;flex:1;min-width:0}.menu-entry strong{display:block;font-weight:400;font-size:25px;line-height:1.25;white-space:nowrap;letter-spacing:-.3px;padding-bottom:5px}.menu-entry.active strong{border-bottom:1px solid #f5fcff;box-shadow:0 1px 1px #d8f7ff5c}.menu-entry small{display:block;font-size:15px;margin-top:5px;line-height:1.4;letter-spacing:0}.menu-entry:not(.active) small{display:none}.menu-entry:not(.active)>svg{transform:scale(.75)}.menu-entry:not(.active) strong{font-size:21px;margin-top:6px}.menu-entry:hover{opacity:.85}.xmb-screen a:focus-visible{outline:1px solid #fff9;outline-offset:6px}.page-dots,.selected-page{display:none}@media(min-width:1450px){.cartridge{top:21%}}@media(max-width:1050px) and (min-width:801px){.screen-status{font-size:15px;top:14px}.category-icon{height:58px;width:74px}.cartridge{width:74px;height:90px;margin-left:-37px;transform:translateX(calc(var(--offset)*110px))}.category-name{font-size:16px}.submenu{left:calc(26% - 22px);right:18px;top:49%;gap:14px}.menu-entry{gap:12px}.menu-entry>svg{width:35px;height:35px}.menu-entry strong{font-size:20px}.menu-entry small{font-size:13px}.menu-entry:not(.active) strong{font-size:17px}.battery{transform:scale(.8);transform-origin:right center}.screen-brand{font-size:7px}}@media(max-width:800px){.screen{aspect-ratio:.91}.screen-status{top:17px;left:14px;right:14px;font-size:12px}.screen-brand{display:none}.screen-status .system-status{margin-left:auto;gap:7px}.battery{transform:scale(.7);transform-origin:right center}.cartridge{top:23%;left:28%;width:60px;height:82px;margin-left:-30px;transform:translateX(calc(var(--offset)*77px))}.category-icon{width:60px;height:51px}.category-name{font-size:13px;margin-top:3px}.submenu{top:50%;left:calc(28% - 16px);right:15px;gap:15px}.menu-entry{gap:9px}.menu-entry>svg{width:29px;height:29px}.menu-entry strong{font-size:17px;white-space:normal;letter-spacing:-.2px;padding-bottom:4px}.menu-entry small{font-size:11px;margin-top:5px}.menu-entry:not(.active) strong{font-size:14px;margin-top:5px}.waves{inset:-5% -35%}.waves svg{width:160%;left:-30%;height:115%}.gesture-hint{font-size:7px;letter-spacing:0}.gesture-hint span{padding:0 3px}}@media(max-width:350px){.cartridge{width:52px;margin-left:-26px;transform:translateX(calc(var(--offset)*65px))}.category-icon{width:52px;height:46px}.category-name{font-size:11px}.menu-entry strong{font-size:15px}.menu-entry small{font-size:10px}.menu-entry:not(.active) strong{font-size:12px}.submenu{right:12px;gap:10px}.menu-entry>svg{width:25px;height:25px}.screen-status{font-size:10px}}
.waves path:first-of-type,.waves path:nth-of-type(3){fill:url(#xmb-wave);stroke:none;filter:none}.waves path:nth-of-type(2),.waves path:nth-of-type(4){fill:none;stroke:#e1fbff;stroke-width:1.5;stroke-opacity:.25;filter:none}
.waves{inset:0}.waves svg{width:125%;left:-12.5%;height:100%}
.system-status{margin-left:auto}.menu-entry:focus-visible{outline:none!important}.menu-entry:focus-visible strong{border-bottom:2px solid #fff;box-shadow:0 2px 5px #c9f8ff80}

/* Vector D-pad marks stay monochrome on mobile. */
.dpad button{display:grid;place-items:center}.dpad button svg{width:12px;height:12px;fill:currentColor;filter:drop-shadow(0 1px 0 #000);pointer-events:none}@media(max-width:800px){.dpad button svg{width:10px;height:10px}}