/* The physical device and its embedded UI. Application state stays in app.js. */
body{background-color:#e0e1e2;background-image:radial-gradient(ellipse at 15% 22%,#f6f7f8 0,transparent 48%),radial-gradient(#45464713 .6px,transparent .6px);background-size:auto,5px 5px}
.site-header{border-color:#999a9b}.header-contact{border:1px solid #464748;box-shadow:inset 0 1px #ffffff26,0 2px 3px #0001}.header-contact:hover{background:#3d3e3f}.brand-icon{box-shadow:inset 0 1px #ffffff38,0 2px 4px #0002}.hero-top{padding:34px 0 38px;gap:50px}.hero-copy h1{font-size:clamp(48px,5.6vw,78px)}.hero-arrow{background:#f5e642;box-shadow:inset 0 1px #ffffb1,0 1px 1px #87874750}.hero-intro h2{font-size:23px}.hero-intro p{color:#5b5c5d}.availability i{box-shadow:0 0 0 4px #f5e642}.machine-layout{grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:42px;padding-top:11px}.machine-column{position:relative;padding:0 4px}.monitor{position:relative;isolation:isolate;color:#ebeced;background:linear-gradient(120deg,#737475ce,#313939f0 28%,#525354f2 65%,#777879df),url('assets/chassis-circuit.svg');border:3px solid #909192;border-radius:36px;padding:12px 20px 0;box-shadow:inset 0 1px 1px #f1f2f3b3,inset 0 -3px 3px #0b1214,0 2px 0 #eaebec,1px 6px 0 #737677,2px 10px 0 #2d3334,3px 13px 0 #999c9d,4px 15px 0 #4b5051,5px 27px 29px -8px #252b2c66}
.monitor:before{content:'';position:absolute;inset:7px;border:1px solid #cdcecf59;border-radius:28px;box-shadow:inset 0 1px 2px #eeeff055;pointer-events:none;z-index:-1}.console-circuit{position:absolute;inset:9px;border-radius:25px;background:url('assets/chassis-circuit.svg') center/300px 184px;opacity:.22;z-index:-1;overflow:hidden}.console-shoulder{position:absolute;height:14px;top:-11px;width:100px;border:2px solid #7e7f80;background:linear-gradient(#bcbdbe,#4e4f50 30%,#272829);box-shadow:inset 0 1px #eeeff0;z-index:-2}.shoulder-left{left:36px;border-radius:12px 7px 0 0}.shoulder-right{right:36px;border-radius:7px 12px 0 0}.chassis-screw,.cart-screw{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8f9fa 0,#a2a3a4 30%,#68696a 55%,#28292a 73%,#a9aaab 78%,#3e3f40 100%);box-shadow:0 1px 1px #161718,0 0 0 1px #cfd0d140;pointer-events:none}.chassis-screw{width:9px;height:9px;z-index:6}.chassis-screw:after,.cart-screw:after{content:'';position:absolute;left:28%;right:28%;top:46%;height:1px;background:#2c2d2e;transform:rotate(-38deg)}.screw-tl{top:16px;left:14px}.screw-tr{top:16px;right:14px}.screw-bl{bottom:22px;left:14px}.screw-br{bottom:22px;right:14px}
.monitor-heading{height:29px;padding:0 4px 7px;position:relative;z-index:2}.monitor-brand{font-size:13px;letter-spacing:.03em;font-weight:900;text-shadow:0 1px 1px #131415}.monitor-brand>span{color:#f5e642;margin:0 2px}.monitor-brand small{font:7px var(--mono);letter-spacing:.02em;margin-left:13px;color:#d1d2d3}.machine-indicators{display:flex;align-items:center;gap:12px}.machine-indicators>span:first-child{font:7px var(--mono);color:#c2c3c4}.power-led{width:5px;height:5px;background:#f5e642;box-shadow:0 0 5px #f5e64299,0 0 0 2px #1a1b1c;border-radius:50%;margin:0}.power-led.off{background:#4a4b4c;box-shadow:0 0 0 2px #1e1f20}.monitor-body{position:relative;padding:7px;border-radius:20px;background:linear-gradient(145deg,#101717,#3e4847 48%,#161e1e);box-shadow:0 1px 1px #d7d8d970,inset 0 2px 4px #080b0b,0 0 0 1px #131415}.screen-surround{overflow:hidden;border-radius:12px;border:1px solid #0c0d0e;box-shadow:0 1px 0 #afb0b155}.screen-top{font-size:8px;top:13px;left:17px;right:17px;color:#c1c2c3;mix-blend-mode:normal;letter-spacing:.05em}.screen-top span:first-child{color:#f5e642}.preview-screen{aspect-ratio:1.62;border-radius:0;background:#171c1c}.preview-screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 14px #0005;background:linear-gradient(125deg,#ffffff04,transparent 28%,transparent 75%,#ffffff03)}
.console-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;height:110px;padding:9px 9px 12px}.direction-unit,.action-unit{display:flex;flex-direction:column;align-items:center;gap:6px}.direction-pad{position:relative;width:98px;height:64px;border-radius:33px;background:linear-gradient(135deg,#343536,#6e6f70);border:1px solid #2b2c2d;box-shadow:inset 0 2px 5px #171819,0 1px 0 #d3d4d54d}.direction-pad>span{position:absolute;inset:3px 5px;background:linear-gradient(145deg,#4b4c4d,#1a1b1c 55%,#353637);clip-path:polygon(34% 0,66% 0,66% 27%,100% 27%,100% 73%,66% 73%,66% 100%,34% 100%,34% 73%,0 73%,0 27%,34% 27%);filter:drop-shadow(0 2px 1px #000);border:1px solid #a6a7a880}.direction-pad>span:after{content:'';position:absolute;left:34%;top:28%;width:30%;height:43%;border-radius:50%;background:radial-gradient(#1d1e1f,#424344);border:1px solid #161718}.direction-pad button{position:absolute;top:9px;width:44px;height:44px;border:0;background:none;color:#c7c8c9;font-size:12px;text-shadow:0 1px #111213;padding:0;z-index:2}.direction-pad #previous{left:0}.direction-pad #next{right:0}.direction-pad button:hover{color:#f5e642}.direction-pad button:active{transform:translateY(1px);color:#fff9ad}.control-legend{font:8px var(--mono);letter-spacing:.02em;color:#d7d8d9;text-shadow:0 1px #1f2021;white-space:nowrap}.console-mid{display:flex;align-items:center;flex-direction:column;gap:11px;opacity:.9}.speaker-grille{width:108px;height:15px;background:repeating-linear-gradient(90deg,#111213 0 3px,#78797a55 3px 6px);border:1px solid #353637;border-radius:8px;box-shadow:0 1px #abacad50;transform:skewX(-13deg)}.console-serial{font:7px var(--mono);line-height:1.8;text-align:center;color:#b9babb;letter-spacing:.04em}.console-serial b{font-weight:400;font-size:6px;color:#9b9c9d}.action-keys{display:flex;gap:13px;align-items:center;height:64px;padding:0 2px}.action-keys button{display:grid;place-items:center;border-radius:50%;padding:0;cursor:pointer;transition:transform .15s}.demo-key{width:49px;height:49px;background:linear-gradient(140deg,#ffffb2,#f5e642 48%,#d6c722);border:2px solid #c3bc54;box-shadow:0 0 0 4px #2d2e2f,0 0 0 5px #848586,0 5px 0 #191a1b,0 8px 8px #161718,inset 0 2px 1px #f6f7f8;color:#313233;font-size:20px;font-weight:800;text-shadow:0 1px #fff98c}.power-key{width:36px;height:36px;border:1px solid #868788;background:linear-gradient(145deg,#4f5051,#232425);box-shadow:0 0 0 3px #303132,0 3px 0 #161718,0 5px 5px #141516,inset 0 1px #a4a5a660;color:#e3e4e5;font-size:18px;transform:translateY(-9px)}.action-keys button:hover{color:#fff}.demo-key:active{transform:translateY(2px);box-shadow:0 0 0 4px #2d2e2f,0 0 0 5px #848586,inset 0 1px #f6f7f8}.power-key:active{transform:translateY(-7px)}
.drive{position:relative;isolation:isolate;border:2px solid #929394;background:linear-gradient(170deg,#dfe0e1,#b4b5b6 10%,#88898a 60%,#c4c5c6);border-radius:13px 13px 21px 21px;margin:20px 16px 0;padding:12px 20px 13px;min-height:112px;box-shadow:inset 0 1px 1px #fbfcfd,inset 0 -3px 1px #6f7071,0 4px 0 #606162,0 6px 0 #98999a,0 13px 19px -4px #3f404140;color:#2e2f30}.drive:before{content:'';position:absolute;inset:6px;border:1px solid #e9eaeb66;border-radius:9px 9px 15px 15px;pointer-events:none}.drive-top .mono{font-size:8px;text-shadow:0 1px #eeeff070}.drive-top>span:first-child:before{content:'◆';font-size:7px;color:#ef942e;margin-right:6px;text-shadow:0 1px #323334}.slot-well{height:42px}.slot-rail{width:94%;height:13px;background:linear-gradient(#141516,#1e1f20 65%,#48494a);border-radius:4px;border:1px solid #111213;box-shadow:0 2px 0 #e4e5e688,inset 0 3px 4px #000}.slot-instruction{color:#d8d9da;background:#2f3031;border:1px solid #8b8c8d;font:8px var(--mono);padding:3px 9px;border-radius:2px}.drive-bottom{font-size:10px}.drive-bottom button{font:9px var(--mono);min-height:32px;border:1px solid #7a7b7c;border-radius:5px;background:linear-gradient(#dddedf,#b3b4b5);box-shadow:0 2px 0 #757677,inset 0 1px #f3f4f5;padding:6px 10px;color:#323334}.drive-bottom button:hover:not(:disabled){background:#f5e642;color:#2a2b2c}.hardware-caption{margin:20px 17px 0;font-size:8px}.hardware-caption span:last-child{font-size:10px}.drive.drop-target{background:#e2df77;outline:2px solid #f5e642}
/* An original technical selection screen, with the hierarchy of the supplied menu reference. */
.standby{background:radial-gradient(ellipse at 65% 45%,#444546 0,#272829 32%,#171819 78%);color:#edeeef;display:grid;grid-template-columns:1.12fr 1fr;gap:0;padding:50px 30px 40px;isolation:isolate}.terminal-grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#d2d3d415 1px,transparent 1px),linear-gradient(90deg,#d2d3d415 1px,transparent 1px),radial-gradient(#f0f1f2 1px,transparent 1px);background-size:32px 32px,32px 32px,48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.terminal-tag{display:flex;gap:6px;align-items:center;font:7px var(--mono);color:#bbbcbd;letter-spacing:.03em;margin-bottom:16px;white-space:nowrap}.terminal-tag i{width:4px;height:4px;background:#ef942e;transform:rotate(45deg)}.standby h3{font-size:clamp(36px,3.8vw,55px);line-height:.97;letter-spacing:-.065em;font-weight:900}.standby h3 span{font-style:normal;color:#f5e642}.standby p{font-size:12px;line-height:1.8;color:#b6b7b8;margin-top:15px}.standby button{margin-top:17px;background:#e5e6e7;color:#2c2d2e;border:1px solid #b0b1b2;box-shadow:inset 0 1px #fff,0 2px 0 #7b7c7d;min-height:40px;border-radius:3px;padding:9px 11px;font-size:11px;gap:18px}.standby button span{color:#3f4041;font-size:18px}.standby button:hover{background:#f5e642}.standby-footer{display:flex;justify-content:space-between;left:26px;right:26px;bottom:13px;color:#8b8c8d;font-size:6px;border-top:1px solid #92939438;padding-top:8px;opacity:1}.standby-orbit{position:relative;display:grid;place-items:center;align-self:center;width:100%;height:240px;perspective:700px}.orbit-ring{position:absolute;border:1px solid #cdcecf70;border-radius:50%;aspect-ratio:1;pointer-events:none}.ring-outer{width:118%;background:conic-gradient(from 22deg,transparent 0 70deg,#f5e64255 70deg 75deg,transparent 75deg 225deg,#bfc0c150 225deg 230deg,transparent 230deg);box-shadow:0 0 0 12px #bbbcbd06,0 0 0 13px #bbbcbd15;transform:rotateX(14deg)}.ring-inner{width:88%;border-style:dashed;border-color:#b0b1b260;transform:rotateX(14deg)}.orbit-cross{position:absolute;font:12px var(--mono);color:#c9cacb88}.cross-top{right:6%;top:0}.cross-bottom{left:5%;bottom:9px}.standby-orbit .module-graphic{position:relative;transform:rotate(-16deg) rotateY(-14deg);height:181px;width:132px;padding:16px 14px;color:#e2e3e4;background:linear-gradient(130deg,#b7b8b970,#414243dd 20%,#6d6e6fb3 62%,#414243),url('assets/chassis-circuit.svg') center/150px;border:2px solid #a4a5a6;border-radius:11px 11px 7px 7px;clip-path:none;box-shadow:5px 7px 0 #343536,6px 8px 0 #a2a3a4,12px 18px 20px #0007,inset 0 1px 1px #f4f5f6}.standby-orbit .module-graphic:before{inset:32px 10px 30px;border-color:#a9aaab60;background:linear-gradient(145deg,#313233,#575859);box-shadow:0 1px 0 #babbbc80,inset 0 1px 2px #0007;z-index:-1}.standby-orbit .module-code{font-size:5px;color:#cacbcc}.standby-orbit .module-glyph{font-size:66px;margin:9px 0 1px;line-height:1;color:#f5e642}.standby-orbit .module-graphic strong{font-size:13px;padding-left:6px}.standby-orbit .module-pins{bottom:-2px;left:20px;width:90px;height:14px;background:repeating-linear-gradient(90deg,#d8cc85 0 5px,#7e794e 5px 6px,transparent 6px 9px);border:1px solid #191a1b;border-bottom:0}.orbit-caption{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);font:6px var(--mono);white-space:nowrap;letter-spacing:.06em;color:#dbdcdd;background:#303132;padding:4px 8px;border:1px solid #727374}
.boot-screen{background:radial-gradient(#414243,#1d1e1f);color:#e4e5e6;font:12px var(--mono)}.boot-pixels{color:#f5e642}.preview-overlay{padding:28px}.preview-overlay:before{content:'';width:24px;height:3px;background:#f5e642;margin-bottom:12px}.preview-overlay .mono{color:#f5e642;font-size:8px}.preview-overlay h3{font-size:29px}.preview-overlay p{font-size:12px;color:#d4d5d6}.preview-actions button,.preview-actions a{background:#dcddde22;border:1px solid #c5c6c780;border-radius:3px;min-height:39px;font-size:11px;padding:10px 12px;backdrop-filter:none}.preview-actions button:first-child{background:#f5e642;border-color:#f9ec70;color:#2a2b2c;box-shadow:inset 0 1px #fff8ab}.screen-off{background:radial-gradient(at 30% 30%,#202122,#101112);color:#5f6061}
/* Injection-moulded transparent cartridges: separate shell, PCB, recessed artwork and contact bank. */
.cartridge-rack{padding:1px 0 0}.rack-heading h2{font-size:24px}.rack-heading h2 span{background:#252627;color:#f5e642;border-color:#6a6b6c;border-radius:3px}.rack-count{font-size:8px}.rack-tabs{margin-top:15px;border-color:#acadae;padding-bottom:11px}.rack-tabs button{font-size:12px;min-height:35px;padding:7px 12px}.rack-tabs button.active{background:#303132;box-shadow:inset 0 1px #707172,0 2px 0 #171819;color:#f5e642;border-radius:4px}.cartridge-grid{gap:23px 26px;padding:23px 6px 0}.cart-button{perspective:900px;border-radius:13px;filter:none}.cart-shell{aspect-ratio:.82;padding:13px 14px 33px;position:relative;clip-path:none;overflow:visible;border:2px solid var(--edge);border-radius:12px 12px 8px 8px;background:linear-gradient(120deg,#ffffff35 0,transparent 20%,#ffffff08 58%,#ffffff26 60%,transparent 85%),linear-gradient(145deg,var(--shell),#2e2f30de);box-shadow:inset 0 1px 1px #fafbfcb0,inset 3px 0 2px #ecedee30,inset -2px -2px 3px #1a1b1cc9,3px 3px 0 #393a3b,5px 5px 0 var(--edge),6px 7px 0 #313233;transform:rotate(-3deg);transition:transform .24s;color:#e9eaeb;isolation:isolate}.cartridge-item:nth-child(even) .cart-shell{transform:rotate(3deg)}.cart-shell:before{content:'';position:absolute;inset:5px;border:1px solid #d9dadb38;border-radius:7px;box-shadow:inset 0 0 0 2px #1415161a;z-index:-1}.cart-shell:after{content:'';position:absolute;inset:0;border-radius:10px;pointer-events:none;z-index:5;background:linear-gradient(121deg,#f8f9fa1c,transparent 23%,transparent 72%,#f8f9fa14 73%,transparent 88%)}.cart-pcb{position:absolute;inset:8px;border-radius:5px;background:url('assets/chassis-circuit.svg') center/185px;opacity:.45;z-index:-1}.cart-side-grip{position:absolute;top:38px;bottom:42px;right:3px;width:4px;background:repeating-linear-gradient(0deg,#d1d2d352 0 1px,transparent 1px 4px);border-radius:2px;box-shadow:0 0 0 1px #2a2b2c7a}.cart-screw{width:7px;height:7px;z-index:6}.cart-screw-a{top:6px;left:6px}.cart-screw-b{bottom:12px;right:10px}.cart-emboss{font:7px var(--mono);letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;margin:0 1px 10px 2px;height:16px;color:#dedfe0}.cart-emboss b{font:12px var(--mono);color:#f5e642;line-height:1}.cart-label{position:relative;height:calc(100% - 18px);padding:0;background:#e0e1e2;border:1px solid #252627;border-radius:4px;overflow:hidden;box-shadow:0 0 0 2px #a1a2a32e,0 1px 0 2px #bbbcbd4d,inset 0 2px 3px #14151644;color:#252627}.cart-label-image{display:block;width:100%;height:67%;object-fit:cover;border-radius:0;filter:saturate(.62);border-bottom:1px solid #a1a2a3}.cart-label-top{top:7px;left:7px;right:7px;display:flex;justify-content:space-between;align-items:center;font:5px var(--mono);color:#e3e4e5;gap:5px}.cart-label-top span{padding:3px 4px;background:#202122cc;border:1px solid #c9cacb55}.cart-label-top i{width:5px;height:5px;background:#ef942e;transform:rotate(45deg);box-shadow:0 0 0 1px #20212288}.cart-label-copy{padding:7px 7px 6px;background:linear-gradient(125deg,#f3f4f5,#d9dadb);height:33%;position:relative}.cart-label-copy:after{content:'↗';position:absolute;right:7px;bottom:6px;font-size:13px;color:#6b6c6d}.cart-title{font-weight:750;font-size:15px;line-height:1.1;letter-spacing:-.03em;padding:0;margin:0}.cart-subtitle{font:6px var(--mono);line-height:1.3;padding:4px 0 0;color:#666768}.cart-tech{position:absolute;bottom:20px;left:15px;right:15px;display:flex;justify-content:space-between;font:5px var(--mono);color:#bbbcbd;letter-spacing:.02em}.cart-ridges{bottom:-2px;height:13px;left:22%;right:22%;border:1px solid #18191a;border-bottom:0;background:repeating-linear-gradient(90deg,#bdac6e 0 5px,#d9cf97 5px 6px,#403e2a 6px 7px,transparent 7px 10px);box-shadow:0 -2px 0 #a4a5a633}.cart-insert-arrow{font-size:9px;right:auto;left:12px;bottom:8px;color:#d4d5d6}.archive-shell{background:linear-gradient(120deg,#f7f8f977,transparent 32%,#f3f4f51a 64%,transparent 65%),linear-gradient(145deg,#a3a4a5ee,#717273dd);color:#2d2e2f}.archive-shell .cart-emboss{color:#e6e7e8}.archive-shell .cart-emboss b{background:#f5e642;color:#393a3b;padding:2px 4px;border-radius:2px}.archive-shell .cart-ridges{background:repeating-linear-gradient(90deg,#e4d786 0 5px,#fff0a9 5px 6px,#8f8852 6px 7px,transparent 7px 10px)}.archive-shell .cart-insert-arrow{color:#dfe0e1}.archive-shell .cart-tech{color:#d7d8d9}.cart-button:hover .cart-shell,.cart-button:focus-visible .cart-shell{transform:translateY(-7px) rotate(0) rotateY(-5deg)}.cart-button[aria-pressed=true] .cart-shell{transform:translateY(-4px);border-color:#f5e642;box-shadow:inset 0 0 0 1px #f5e64280,3px 3px 0 #454647,5px 5px 0 #bcbb70,6px 7px 0 #3e3f40,0 0 18px #efe34520}.cart-button[aria-pressed=true]:after{content:'◆ CONNECTED';bottom:-3px;left:50%;font:7px var(--mono);padding:4px 7px;border:1px solid #6b6d39;box-shadow:0 1px 3px #2e2f3055;background:#f5e642;color:#303132;border-radius:2px;z-index:8}.cart-caption{margin-top:15px}.cart-caption>span{font-size:7px;color:#696a6b}.cart-caption button{font-size:11px;padding:6px 0}.rack-note{border-color:#adaeaf;font-size:11px;color:#6e6f70;margin-top:18px;line-height:1.8}.rack-note>span{color:#b19530}.loaded-mini{width:76px;top:-27px;clip-path:inset(-6px -10px 49% -10px)}.loaded-mini .cart-shell{padding:6px 6px 12px;border-radius:5px;box-shadow:2px 2px 0 #424344,3px 3px 0 #acadae}.loaded-mini .cart-label{height:100%;border-radius:2px;padding:0}.loaded-mini .cart-label-copy{padding:2px}.loaded-mini .cart-title{font-size:5px;margin:0}.loaded-mini .cart-tech,.loaded-mini .cart-screw,.loaded-mini .cart-label-copy:after{display:none}.loaded-mini .cart-label-image{height:75%}.cart-flying{filter:drop-shadow(7px 16px 10px #20212266)}
.ticker{margin-top:43px;border-color:#848586;font-size:12px}.ticker i{color:#8d8e8f}.archive-section{background:linear-gradient(115deg,#313233,#1a1b1c);border:1px solid #767778;border-radius:7px;box-shadow:inset 0 1px #acadae39,0 7px 22px #30313220}.little-label,.archive-foot .text-button{color:#f5e642}.archive-project-cover>span{background:#f5e642}.player-id{background:linear-gradient(140deg,#545556,#2f3031);border:2px solid #8b8c8d;border-radius:13px;box-shadow:inset 0 1px #bcbdbe,4px 5px 0 #4c4d4e,0 13px 20px #2b2c2d33}.player-avatar>span>span{color:#f5e642}.contact-section{background:#e0e1e2;border-top:1px solid #bdbebf}.contact-button{background:#2f3031;box-shadow:inset 0 1px #aaabac66,0 3px 0 #242526}.contact-button span{color:#f5e642}.contact-button:hover{background:#474849}button:focus-visible,a:focus-visible{outline:3px solid #796c2c;outline-offset:5px}.monitor button:focus-visible,.cart-button:focus-visible{outline-color:#f5e642}.demo-screen{aspect-ratio:auto;min-height:350px;max-height:450px}.demo-screen .signal-top{padding-top:33px}.demo-screen .signal-title{font-size:27px}.demo-screen .signal-field{height:163px}.demo-screen .signal-axis,.demo-screen .signal-ring,.demo-screen .signal-carrier{top:79px}.demo-screen .signal-target{top:22px}.demo-screen .signal-target-caption,.demo-screen .signal-field-scale{top:145px}.demo-screen .signal-bottom{padding-bottom:18px}
@media(max-width:1150px){.machine-layout{gap:30px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.monitor{padding:12px 14px 0;border-radius:29px}.monitor:before{border-radius:22px}.monitor-body{padding:6px;border-radius:16px}.machine-indicators>span:first-child{display:none}.monitor-brand small{font-size:6px}.console-controls{height:100px;padding:8px 4px 10px;gap:10px}.console-mid{gap:8px}.speaker-grille{width:75px}.console-serial{font-size:6px}.console-serial b{font-size:5px}.standby{padding:42px 21px 33px;grid-template-columns:1.16fr 1fr}.standby h3{font-size:38px}.terminal-tag{font-size:5px;margin-bottom:14px}.standby p{font-size:11px}.standby button{font-size:10px;gap:10px;padding:8px 9px}.standby-orbit{height:200px}.standby-orbit .module-graphic{transform:rotate(-16deg) rotateY(-14deg) scale(.8)}.orbit-caption{font-size:5px;bottom:10px}.standby-footer{font-size:5px;left:21px;right:21px}.preview-screen{aspect-ratio:1.38}.cartridge-grid{gap:23px 24px;padding:23px 4px 0}.cart-shell{padding:12px 10px 31px}.cart-emboss{font-size:6px}.cart-emboss b{font-size:10px}.cart-label-copy{padding:7px 5px}.cart-title{font-size:13px}.cart-subtitle{font-size:5px}.cart-tech{left:11px;right:11px;font-size:4px}.cart-caption{display:block;margin-top:12px}.cart-caption button{font-size:11px}.rack-heading h2{font-size:21px}.drive{padding:10px 13px;margin-left:10px;margin-right:10px}.drive-bottom{font-size:9px}.drive-bottom button{font-size:8px}.preview-overlay{padding:22px}.preview-overlay h3{font-size:25px}.preview-overlay p{font-size:11px}.preview-actions{gap:6px}.preview-actions button,.preview-actions a{font-size:10px;padding:9px 10px}}
@media(max-width:900px){.machine-layout{grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:51px}.hero-intro h2{font-size:19px}.machine-column{padding:0 12px}.monitor{max-width:740px;margin:auto;padding:12px 22px 0;border-radius:36px}.monitor:before{border-radius:28px}.monitor-body{padding:8px;border-radius:20px}.preview-screen{aspect-ratio:1.65}.screen-surround{border-radius:12px}.monitor-heading{height:30px}.monitor-brand small{font-size:7px}.machine-indicators>span:first-child{display:block}.console-controls{height:110px;padding-left:15px;padding-right:15px}.console-mid{gap:12px}.speaker-grille{width:105px}.console-serial{font-size:7px}.console-serial b{font-size:6px}.standby{padding:50px 35px 38px;grid-template-columns:1.15fr 1fr}.standby h3{font-size:53px}.terminal-tag{font-size:7px}.standby p{font-size:12px}.standby button{font-size:12px;padding:10px 14px;gap:24px}.standby-orbit{height:240px}.standby-orbit .module-graphic{transform:rotate(-16deg) rotateY(-14deg)}.standby-footer{font-size:6px;left:35px;right:35px}.orbit-caption{font-size:6px;bottom:0}.cartridge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px 5px 0}.cart-shell{padding:11px 9px 27px;aspect-ratio:.77}.cart-emboss{font-size:5px;margin-bottom:7px;height:13px}.cart-emboss b{font-size:9px}.cart-title{font-size:11px}.cart-subtitle{font-size:4px}.cart-label-copy{padding:6px 4px}.cart-label-top{font-size:4px;left:5px;right:5px;top:5px}.cart-tech{font-size:3px;bottom:17px;left:8px;right:8px}.cart-screw{width:5px;height:5px}.cart-caption button{font-size:11px}.rack-note{font-size:11px}.drive{margin-left:26px;margin-right:26px;padding:12px 20px}.drive-top .mono{font-size:9px}.drive-bottom{font-size:11px}.drive-bottom button{font-size:10px}.hardware-caption{margin-left:28px;margin-right:28px}.preview-overlay{padding:30px}.preview-overlay h3{font-size:31px}.preview-actions button,.preview-actions a{font-size:11px}.ticker{font-size:11px}}
@media(max-width:600px){.hero-top{padding:28px 0 29px}.hero-copy h1{font-size:61px}.hero-intro h2{font-size:19px}.hero-intro p{font-size:12px}.hero-arrow{transform:translate(16px,-7px)}.machine-layout{gap:34px;padding-top:4px}.machine-column{padding:0}.monitor{padding:11px 10px 0;border-width:2px;border-radius:25px}.monitor:before{inset:5px;border-radius:19px}.console-circuit{inset:6px;border-radius:20px;background-size:210px}.console-shoulder{height:11px;top:-9px;width:65px}.shoulder-left{left:26px}.shoulder-right{right:26px}.chassis-screw{width:6px;height:6px}.screw-tl{left:9px;top:13px}.screw-tr{right:9px;top:13px}.screw-bl{left:9px;bottom:19px}.screw-br{right:9px;bottom:19px}.monitor-heading{height:23px;padding:0 7px 7px}.monitor-brand{font-size:10px}.monitor-brand small{font-size:5px;margin-left:7px}.machine-indicators>span:first-child{display:none}.power-led{width:4px;height:4px}.monitor-body{padding:5px;border-radius:14px}.screen-surround{border-radius:9px}.screen-top{font-size:6px;top:11px;left:12px;right:12px}.preview-screen{aspect-ratio:1.08}.console-controls{height:97px;padding:8px 7px 10px;gap:9px}.direction-pad{width:84px;height:58px}.direction-pad button{width:38px;height:38px;top:9px;font-size:10px}.control-legend{font-size:6px}.action-keys{height:58px;gap:12px}.demo-key{width:39px;height:39px;font-size:17px;box-shadow:0 0 0 3px #2d2e2f,0 0 0 4px #848586,0 4px 0 #191a1b,0 7px 7px #161718,inset 0 2px 1px #f6f7f8}.power-key{width:29px;height:29px;font-size:16px;transform:translateY(-6px)}.console-mid{gap:10px}.speaker-grille{width:57px;height:12px;background-size:auto}.console-serial{font-size:5px;line-height:1.5}.console-serial b{display:none}.standby{padding:38px 18px 31px;grid-template-columns:1.1fr 1fr;gap:0}.terminal-tag{font-size:5px;gap:4px;white-space:normal;max-width:130px;line-height:1.5;margin-bottom:13px}.standby h3{font-size:38px}.standby p{font-size:11px;line-height:1.7;margin-top:11px}.standby button{font-size:10px;padding:8px 9px;gap:8px;min-height:34px;margin-top:14px}.standby button span{font-size:15px}.standby-orbit{height:190px}.standby-orbit .module-graphic{transform:rotate(-16deg) rotateY(-14deg) scale(.65)}.ring-outer{width:126%}.orbit-caption{font-size:4px;padding:3px 5px;bottom:10px}.cross-top{top:15px}.cross-bottom{bottom:22px}.standby-footer{font-size:4px;left:18px;right:18px;bottom:10px;gap:8px;padding-top:7px}.drive{margin:17px 11px 0;min-height:109px;padding:11px 12px 12px;border-radius:10px 10px 16px 16px}.drive-top .mono{font-size:7px}.drive-bottom{font-size:9px;gap:8px}.drive-bottom>span{max-width:62%}.drive-bottom button{font-size:8px;padding:5px 7px;min-height:31px}.slot-instruction{font-size:7px}.hardware-caption{margin:18px 12px 0;font-size:7px;gap:8px}.hardware-caption span:last-child{font-size:9px}.cartridge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 26px;padding:23px 9px 0}.cart-shell{aspect-ratio:.84;padding:11px 10px 29px;border-radius:10px 10px 7px 7px}.cart-emboss{font-size:6px;height:14px;margin:0 1px 7px}.cart-emboss b{font-size:10px}.cart-label-copy{padding:6px 5px}.cart-title{font-size:14px}.cart-subtitle{font-size:5px}.cart-label-top{font-size:4px;left:6px;right:6px;top:6px}.cart-tech{font-size:4px;bottom:18px;left:11px;right:11px}.cart-ridges{height:11px}.cart-caption{margin-top:12px}.cart-caption button{font-size:12px;padding:5px 0}.rack-heading h2{font-size:24px}.rack-note{margin-top:17px;font-size:11px}.rack-tabs button{font-size:12px;min-height:38px}.rack-heading .eyebrow{font-size:9px}.preview-overlay{padding:21px 17px}.preview-overlay h3{font-size:24px}.preview-overlay .mono{font-size:6px}.preview-overlay p{font-size:11px}.preview-overlay:before{margin-bottom:9px}.preview-actions{margin-top:15px;gap:5px}.preview-actions button,.preview-actions a{font-size:10px;min-height:35px;padding:8px 9px}.preview-title-mark{margin-left:8px}.ticker{font-size:9px;margin-top:32px}.ticker i{font-size:16px}.demo-screen{min-height:355px;max-height:435px}.demo-screen .signal-top{padding:30px 13px 0}.demo-screen .signal-title{font-size:22px}.demo-screen .signal-field{margin:0 13px;height:154px}.demo-screen .signal-axis,.demo-screen .signal-ring,.demo-screen .signal-carrier{top:74px}.demo-screen .signal-target{top:25px;height:98px}.demo-screen .signal-target-caption,.demo-screen .signal-field-scale{top:133px}.demo-screen .signal-bottom{padding:0 13px 17px}.demo-screen .signal-instructions{font-size:10px}}
@media(max-width:360px){.hero-copy h1{font-size:51px}.hero-arrow{transform:translate(12px,-6px)}.monitor{padding-left:8px;padding-right:8px}.console-controls{padding-left:4px;padding-right:4px;gap:8px}.console-mid{display:none}.direction-pad{width:90px}.action-unit{margin-right:5px}.standby{padding-left:15px;padding-right:15px}.standby h3{font-size:32px}.standby p{font-size:10px}.standby button{font-size:9px;padding:7px;gap:6px}.standby-orbit .module-graphic{transform:rotate(-16deg) rotateY(-14deg) scale(.55)}.standby-orbit{height:173px}.terminal-tag{font-size:4px}.cart-shell{padding:10px 8px 27px}.cart-title{font-size:12px}.cart-emboss{font-size:5px}.cart-subtitle{font-size:4px}.cartridge-grid{gap:22px 24px;padding-left:7px;padding-right:7px}.cart-tech{font-size:3px}.drive-bottom{font-size:8px}.drive-bottom button{font-size:7px}.drive-top .mono{font-size:6px}.preview-overlay h3{font-size:22px}.preview-overlay p{font-size:10px}.preview-actions button,.preview-actions a{font-size:9px;padding:7px}}
.screen-top>span{background:#101416a6;padding:3px 5px;border-radius:2px}.preview-screen.demo-screen{aspect-ratio:auto;width:100%;max-width:100%;height:435px;min-height:0;overflow:auto}.action-keys button{position:relative}.action-keys button:before{content:'';position:absolute;inset:-6px;border-radius:50%}@media(max-width:600px){.direction-pad button{width:42px;height:44px;top:6px}.preview-screen.demo-screen{height:435px}.demo-screen .signal-controls{gap:12px}.demo-screen .signal-status{font-size:11px}.demo-screen .signal-note{font-size:10px}}

/* Cartridge motion only changes transform and opacity; chassis bevels stay static. */
.cart-glint{position:absolute;inset:3px;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:5}
.cart-glint:after{content:'';position:absolute;inset:-25%;background:linear-gradient(110deg,transparent 24%,#ffffff4a 43%,#ffffff08 50%,transparent 66%);transform:translateX(-24%);opacity:.3;transition:transform .4s ease,opacity .4s ease}
.cart-shell{box-shadow:inset 0 1px 1px #fafbfcb0,inset 3px 0 2px #ecedee30,inset -2px -2px 3px #1a1b1cc9,2px 3px 0 #343b3c,4px 5px 0 var(--edge),6px 8px 0 #303738,9px 14px 12px -5px #20272870}
.cart-button:hover .cart-shell,.cart-button:focus-visible .cart-shell{transform:rotate(-3deg)}
.cartridge-item:nth-child(even) .cart-button:hover .cart-shell,.cartridge-item:nth-child(even) .cart-button:focus-visible .cart-shell{transform:rotate(3deg)}
.cart-button[aria-pressed=true] .cart-shell{transform:translateY(-4px)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .cart-button:hover .cart-shell,.cartridge-item:nth-child(even) .cart-button:hover .cart-shell,.cart-button:focus-visible .cart-shell,.cartridge-item:nth-child(even) .cart-button:focus-visible .cart-shell{transform:translateY(-7px) rotateX(4deg) rotateY(-7deg) rotate(0)}
 .cart-button:hover .cart-glint:after,.cart-button:focus-visible .cart-glint:after{transform:translateX(26%);opacity:1}
}
.drive{--dock-card-width:96px;transition:none}
.slot-well{isolation:isolate}
.slot-rail{z-index:0;width:94%;height:15px;border-top:3px solid #101415;box-shadow:0 -1px 0 #777d7e,0 2px 0 #eaeeef,inset 0 4px 4px #000}
.slot-front-lip{position:absolute;top:calc(50% + 2px);left:3%;right:3%;height:7px;z-index:4;border-radius:0 0 3px 3px;background:linear-gradient(#42494b 0 2px,#93999b 2px 4px,#dce0e1 4px 5px,#8b9294 5px);box-shadow:0 2px 3px #30383a55;pointer-events:none}
#loaded-cartridge{position:absolute;left:50%;bottom:calc(50% - 2px);width:120px;height:155px;transform:translateX(-50%);overflow:hidden;pointer-events:none;z-index:3}
.loaded-mini,.cart-transit{width:96px;height:117px;pointer-events:none;display:block}
.loaded-mini{top:auto;bottom:0;left:50%;clip-path:none;transform:translate(-50%,68%)}
.cart-transit{position:fixed;z-index:500;transform-origin:top left}
.loaded-mini .cart-shell,.cart-transit .cart-shell{width:96px;height:117px;aspect-ratio:auto;transform:none!important;padding:7px 7px 17px;border-radius:6px 6px 4px 4px;box-shadow:inset 0 1px #ffffff80,2px 2px 0 #42494b,4px 4px 0 #a1a7a8,5px 5px 0 #303638;transition:none}
.loaded-mini .cart-label,.cart-transit .cart-label{height:100%;border-radius:2px;padding:0}
.loaded-mini .cart-label-image,.cart-transit .cart-label-image{height:75%}
.loaded-mini .cart-label-copy,.cart-transit .cart-label-copy{height:25%;padding:3px}
.loaded-mini .cart-title,.cart-transit .cart-title{font-size:8px;line-height:1;margin:0}
.loaded-mini .cart-emboss,.cart-transit .cart-emboss,.loaded-mini .cart-label-top,.cart-transit .cart-label-top,.loaded-mini .cart-subtitle,.cart-transit .cart-subtitle,.loaded-mini .cart-tech,.cart-transit .cart-tech,.loaded-mini .cart-screw,.cart-transit .cart-screw,.loaded-mini .cart-label-copy:after,.cart-transit .cart-label-copy:after{display:none}
.loaded-mini .cart-insert-arrow,.cart-transit .cart-insert-arrow{font-size:6px;bottom:6px;left:7px}
.loaded-mini .cart-ridges,.cart-transit .cart-ridges{height:9px}
.loaded-mini .cart-glint:after,.cart-transit .cart-glint:after{transition:none;opacity:.5;transform:none}
.drive.is-inserting{z-index:10}
.drive[data-phase=boot] .drive-top>span:first-child:before,.drive[data-phase=ready] .drive-top>span:first-child:before{color:#f5e642}
.boot-wait{background:#111718;gap:9px;color:#a6afb0}
.boot-symbol{font:22px var(--mono);color:#f5e642;letter-spacing:.08em}
.boot-screen small{font:7px var(--mono);color:#818e90;letter-spacing:.12em}
.boot-start{background:#1f292a;gap:12px;transform-origin:center}
.boot-start .boot-symbol{font-size:30px;font-weight:700}
.boot-progress{width:88px;height:3px;background:linear-gradient(90deg,#f5e642 0 76%,#566263 76%);margin-top:5px}
@media(prefers-reduced-motion:reduce){
 .cart-shell,.cart-glint:after,.action-keys button{transition:none}
 .cart-button:hover .cart-shell,.cartridge-item:nth-child(even) .cart-button:hover .cart-shell,.cart-button:focus-visible .cart-shell,.cartridge-item:nth-child(even) .cart-button:focus-visible .cart-shell{transform:none}
}