@font-face{font-family:Mono;src:local('SFMono-Regular'),local('Menlo'),local('Consolas');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:#101010;color:#e7e7e7;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{color:inherit;border:1px solid #4b4b4b;background:#161616;border-radius:0}button{padding:10px 16px}input,select{padding:9px 10px;max-width:100%}select{color-scheme:dark}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ffffff;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;background:#ffffff;color:#111111;padding:10px;z-index:50}.skip:focus{top:10px}.topbar{height:83px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b3b3b;position:sticky;top:0;background:#101010f5;z-index:20;backdrop-filter:blur(12px)}.brand{font-size:19px;font-weight:900;letter-spacing:-.7px;display:inline-flex;align-items:center;gap:9px}.brand-mark{font-size:27px}.brand-dot{font-size:9px;align-self:flex-start;margin-top:10px}.topbar nav{display:flex;gap:27px;font:11px Mono,monospace;letter-spacing:1px}.topbar nav a{padding:12px 0;position:relative}.topbar nav a[aria-current=page]:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#e7e7e7}.top-actions{display:flex;gap:24px;align-items:center}.support-link{font:10px Mono,monospace}.language{font:10px Mono,monospace;padding:6px;border:0}.wrap{max-width:1420px;margin:auto;padding:0 5%}.eyebrow,.mono{font-family:Mono,monospace}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:5px;height:5px;background:currentColor}.hero{padding-top:32px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;font:9px Mono,monospace;color:#9e9e9e;letter-spacing:1.5px}.masthead{font-weight:900;font-size:clamp(82px,15.1vw,224px);letter-spacing:-.085em;line-height:1.03;margin:26px 0 0;transform:scaleX(1.015);transform-origin:left}.masthead sup{font:12px Mono,monospace;letter-spacing:0;vertical-align:top;display:inline-block;margin:19px 0 0 15px}.hero-sub{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;padding:5px 0 28px}.hero-sub h2{font-size:clamp(25px,3.3vw,44px);letter-spacing:-1.7px;font-weight:500;line-height:1.15;margin:0}.hero-sub .intro{max-width:400px;font-size:13px;color:#b5b5b5;margin:0 0 17px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font:10px Mono,monospace;letter-spacing:.6px;padding:14px 18px;border:1px solid #616161;min-height:44px}.btn.primary{background:#e7e7e7;color:#141414;border-color:#e7e7e7}.btn:hover{background:#c7c7c7;color:#111111}.actions{display:flex;flex-wrap:wrap;gap:10px}.stage{min-height:432px;background:#d4d4d4;color:#111111;position:relative;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:24px;align-items:center;padding:34px 5%;overflow:hidden}.stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#7c7c7c 0.6px,transparent .6px);background-size:9px 9px;opacity:.19}.stage>*{position:relative}.stage-index{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;font:9px Mono,monospace;letter-spacing:1px}.stage-note{font:9px/1.9 Mono,monospace;align-self:end;padding-bottom:25px}.stage-note.right{text-align:right}.device{margin:10px auto 20px;background:#242424;padding:17px 22px 20px;border:1px solid #404040;box-shadow:0 35px 35px -20px #11111199,0 2px 0 #555555;transform:rotate(-5deg);width:100%;max-width:460px;color:#e4e4e4;display:grid;grid-template-columns:1.15fr 1fr;gap:18px;position:relative}.device:before,.device:after{content:'+';position:absolute;font:10px Mono;top:5px;color:#777777}.device:before{left:7px}.device:after{right:7px}.lcd{aspect-ratio:1;object-fit:contain;background:black;width:100%;image-rendering:pixelated;border:7px solid #0a0a0a;box-shadow:0 0 0 1px #555555}.device-side{display:flex;flex-direction:column;gap:14px;padding-top:5px}.device-brand{font:9px Mono,monospace;display:flex;justify-content:space-between}.knobs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.knob{aspect-ratio:1;background:repeating-conic-gradient(#353535 0deg 7deg,#484848 7deg 9deg);border-radius:50%;box-shadow:0 2px 2px #00000077;border:2px solid #171717;position:relative}.knob:after{content:'';height:40%;width:2px;background:#dddddd;position:absolute;left:50%;top:5%;transform:rotate(30deg);transform-origin:50% 100%}.device-labels{display:grid;grid-template-columns:repeat(4,1fr);font:5px Mono;text-align:center;gap:8px}.mini-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mini-buttons i{height:13px;background:#474747;border:1px solid #6f6f6f}.mini-buttons i:nth-child(3n){background:#b5b5b5}.device-keys{grid-column:1/-1;display:flex;gap:3px;height:36px;position:relative}.device-keys i{flex:1;background:#c5c5c5;border-bottom:4px solid #717171;position:relative}.device-keys i:nth-child(7n+2):after,.device-keys i:nth-child(7n+3):after,.device-keys i:nth-child(7n+5):after,.device-keys i:nth-child(7n+6):after,.device-keys i:nth-child(7n):after{content:'';position:absolute;right:-5px;top:0;height:21px;background:#171717;width:8px;z-index:1}.stage-controls{position:absolute;bottom:14px;left:20px;display:flex;gap:8px}.stage-controls button{background:transparent;color:#212121;border:1px solid #7a7a7a;font:9px Mono;padding:7px 10px}.stage-controls button[aria-pressed=true]{background:#212121;color:#e2e2e2}.spec-strip{border-bottom:1px solid #404040;display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;gap:12px}.spec-strip b{font-size:23px;font-weight:400;letter-spacing:-1px}.spec-strip small{display:block;font:9px Mono,monospace;letter-spacing:1px;color:#9a9a9a}.section{padding:82px 0;border-bottom:1px solid #3a3a3a}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:36px}.section-heading h2{font-size:clamp(30px,4vw,53px);font-weight:400;letter-spacing:-2px;line-height:1.2;margin:0;max-width:700px}.section-heading p{color:#acacac;max-width:600px;margin:15px 0 0;font-size:13px}.machine-row{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #464646}.machine{padding:25px 13px 18px;border-right:1px solid #464646;transition:background .2s}.machine:last-child{border:0}.machine:hover{background:#252525}.machine svg{width:64px;height:64px;display:block;margin:8px auto 25px}.machine .mono{font-size:9px;color:#969696}.machine h3{font:11px Mono;margin:10px 0}.machine small{font-size:11px;color:#a0a0a0}.symbol{stroke:currentColor;stroke-width:2;fill:none;shape-rendering:geometricPrecision}.symbol .react{transform-origin:center;animation:pulse 2.4s ease-in-out infinite}.machine:nth-child(2n) .react{animation-delay:-.8s}.machine:nth-child(3n) .react{animation-delay:-1.5s}@keyframes pulse{50%{transform:scale(.72);opacity:.45}}.path-row{display:grid;grid-template-columns:70px 1.2fr 1fr 30px;align-items:center;padding:25px 0;border-top:1px solid #3e3e3e;gap:18px}.path-row:hover{background:#1b1b1b}.path-row strong{font-size:25px;font-weight:400;letter-spacing:-1px}.path-row p{color:#9d9d9d;font-size:12px;margin:0}.path-row .mono{font-size:10px;color:#8e8e8e}.page-head{padding:64px 0 40px;border-bottom:1px solid #424242}.page-head h1{font-size:clamp(48px,8vw,100px);letter-spacing:-5px;line-height:1;margin:24px 0}.page-head p{max-width:650px;color:#a9a9a9;font-size:14px}.page-head .eyebrow{color:#9c9c9c}.notice{border-left:2px solid #c4c4c4;padding:12px 18px;background:#1c1c1c;color:#bdbdbd;font-size:12px;margin:20px 0}.layout{display:grid;grid-template-columns:230px 1fr;gap:50px;padding:45px 0 80px}.sidebar{position:sticky;top:110px;align-self:start;font-size:12px}.sidebar a{display:block;padding:9px 0;color:#a8a8a8}.content h2{font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.25;margin:0 0 20px}.content h3{font:13px Mono;margin:30px 0 15px}.content p,.content li{color:#aeaeae;font-size:13px}.content section{padding:12px 0 40px;border-bottom:1px solid #3e3e3e;margin-bottom:30px}.screen-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:25px 0}.screen-pair img{width:100%;image-rendering:pixelated;max-height:310px;object-fit:contain;background:black;border:1px solid #393939}.screen-pair figcaption{font:9px Mono;color:#a3a3a3;padding:8px 0}.screen-pair figure{margin:0}.guide-search{width:100%;margin-bottom:25px}.guide-entry{border-top:1px solid #474747;padding:22px 0}.guide-entry h3{margin:0 0 12px}.guide-entry kbd{background:#dadada;color:#131313;font:10px Mono;padding:4px 7px;white-space:nowrap}.guide-entry .route{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#8a8a8a}.guide-entry p{margin-bottom:0}details{border-top:1px solid #3c3c3c;padding:18px 0}summary{cursor:pointer;font:12px Mono;list-style-position:inside}details p{margin-left:16px}.control-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px;background:#242424;margin-bottom:20px}.control-panel button{font:10px Mono}.control-panel button[aria-pressed=true]{background:#d8d8d8;color:#161616}.stepper{counter-reset:step}.stepper article{padding:30px 0 30px 54px;border-top:1px solid #3e3e3e;position:relative}.stepper article:before{counter-increment:step;content:'0' counter(step);position:absolute;left:0;top:27px;font:15px Mono;color:#9d9d9d}.stepper h3{margin:0 0 12px}.hash{font:10px/1.9 Mono;overflow-wrap:anywhere;background:#1f1f1f;padding:16px}.file-input{display:block;margin:18px 0;width:100%;font-size:12px}.link-list{border-top:1px solid #4c4c4c}.social{display:grid;grid-template-columns:1fr 1fr 30px;align-items:center;border-bottom:1px solid #4c4c4c;padding:23px 0}.social strong{font-size:23px;font-weight:400}.social span{font:10px Mono;color:#a2a2a2}.social:not(.pending):hover{background:#222222}.pending{opacity:.5}.creator-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:60px 0 80px}.creator-grid h2{font-size:43px;line-height:1.1;letter-spacing:-1.5px;font-weight:400}.creator-grid p{font-size:13px;color:#b7b7b7;max-width:400px}.coffee{margin-top:40px;border:1px solid #666666;padding:25px}.coffee h3{font-size:22px;font-weight:400;margin:10px 0}.coffee button{margin-top:14px;width:100%}.coffee p{font-size:12px}.editor{padding:30px 0 70px}.editor-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:24px;flex-wrap:wrap}.editor-toolbar .actions{align-items:end}.field{display:flex;flex-direction:column;gap:7px;font:10px Mono}.editor-toolbar input[type=number]{width:85px}.editor-toolbar select{min-width:90px}.editor-grid{display:grid;grid-template-columns:210px 1fr;border:1px solid #5a5a5a}.track-list{border-right:1px solid #5a5a5a}.track-button{display:grid;grid-template-columns:24px 1fr 18px;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid #404040;background:transparent;padding:18px 14px;width:100%;font:11px Mono;min-height:73px}.track-button svg{width:22px;height:22px}.track-button[aria-pressed=true]{background:#d7d7d7;color:#191919}.track-button.inactive{opacity:.38}.track-button i{font-size:9px;font-style:normal}.editor-body{padding:25px;min-width:0}.engine-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #4d4d4d;padding-bottom:20px}.engine-bar h2{font-size:27px;line-height:1;margin:0;font-weight:400}.engine-bar .field{min-width:145px}.track-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.track-actions .field{flex:1}.track-actions label input[type=range]{width:100%;padding:0}.knob-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.param{font:9px Mono;color:#ababab}.param input{display:block;width:100%;margin:10px 0;padding:0;accent-color:#dadada}.pattern-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 14px}.pattern-head .actions button{font:10px Mono;padding:6px 12px}.steps{display:grid;grid-template-columns:repeat(16,1fr);gap:5px}.step{aspect-ratio:.65;border:1px solid #484848;background:#141414;padding:0;position:relative;font:9px Mono;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.step.on{background:#c9c9c9;color:#151515}.step small{font-size:8px}.step:nth-child(4n+1){border-left:2px solid #a4a4a4}.step[aria-current=true]{box-shadow:0 -4px 0 #ffffff,0 4px 0 #ffffff}.step.selected{outline:1px solid #ffffff;outline-offset:2px}.step-edit{margin-top:26px;border-top:1px solid #414141;padding-top:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:end}.step-edit .field{flex:1;min-width:80px}.step-edit button[aria-pressed=true],.track-actions button[aria-pressed=true]{background:#dbdbdb;color:#171717}.editor .notice{margin:25px 0;font-size:11px}.editor button,.editor select,.editor input{font-size:11px}.project-files{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:25px 0;border-bottom:1px solid #414141}.project-files input[type=file]{max-width:270px;font-size:10px}.web-badge{font:9px Mono;letter-spacing:1px;color:#b7b7b7}.project-slots{display:flex;gap:7px}.project-slots button[aria-pressed=true]{background:#d7d7d7;color:#181818}.revision{display:grid;grid-template-columns:1fr 1fr;gap:35px}.revision dl{font:11px Mono;display:grid;grid-template-columns:1fr 1fr}.revision dt,.revision dd{padding:10px 0;margin:0;border-bottom:1px solid #414141}.credit-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.credit-list a{border-bottom:1px solid #414141;padding:12px 0;font:11px Mono}.credit-list a:hover{text-decoration:underline}.port-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.port-row select{min-width:180px;max-width:100%}.status-line{font:11px Mono;color:#bebebe;min-height:22px}.play-board{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0}.play-board .device{max-width:450px;transform:rotate(-2deg);margin:20px auto}.play-board h2{font-size:32px;font-weight:400;letter-spacing:-1px;line-height:1.3}.play-board p,.play-board li{font-size:13px;color:#b1b1b1}.big-number{font:80px/1 Mono;color:#5d5d5d}.video-link{display:block;background:#d6d6d6;color:#161616;padding:30px;position:relative}.video-link span{font:10px Mono}.video-link h3{font-size:28px;font-weight:400;line-height:1.3;max-width:500px}.video-link:after{content:'↗';position:absolute;right:30px;top:30px;font-size:30px}.video-link small{display:block;font-size:11px;max-width:650px}.muted{color:#9a9a9a}.small{font-size:11px}footer{padding:45px 5% 25px;max-width:1420px;margin:auto}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top{padding-bottom:35px;border-bottom:1px solid #414141}.footer-top>span{font:10px Mono;letter-spacing:2px}.footer-top>a:last-child{font:10px Mono}.footer-bottom{padding-top:18px;font:8px Mono;letter-spacing:1px;color:#999999}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#ebebeb;color:#171717;padding:13px 24px;font-size:12px;z-index:40;box-shadow:0 10px 30px #00000055;opacity:0;pointer-events:none;max-width:90%;transition:opacity .2s}#toast.show{opacity:1}.error{color:#c9c9c9}.mobile-only{display:none}@media(min-width:1500px){.masthead{font-size:215px}}@media(max-width:950px){.hero-sub{gap:30px}.stage{grid-template-columns:.5fr 2fr .5fr;min-height:390px}.stage-note{font-size:7px}.machine-row{grid-template-columns:repeat(3,1fr)}.machine:nth-child(3){border-right:0}.machine:nth-child(-n+3){border-bottom:1px solid #464646}.machine svg{width:55px}.layout{grid-template-columns:170px 1fr;gap:28px}.editor-grid{grid-template-columns:155px 1fr}.track-button{padding:18px 10px;gap:5px;font-size:10px}.editor-body{padding:18px}.steps{gap:3px}.step small{font-size:6px}.creator-grid{gap:40px}.topbar nav{gap:18px}.top-actions{gap:12px}}@media(max-width:650px){.topbar{height:auto;min-height:85px;padding:15px 5%;flex-wrap:wrap;gap:12px}.brand{font-size:16px}.topbar nav{order:3;width:100%;justify-content:space-between;font-size:9px;gap:10px}.top-actions{gap:16px}.support-link{font-size:8px}.hero{padding-top:23px}.hero-topline{font-size:7px;letter-spacing:.5px}.masthead{font-size:15vw;letter-spacing:-.085em;margin:25px 0 12px}.masthead sup{font-size:7px;margin:3px}.hero-sub{grid-template-columns:1fr;gap:22px;padding-bottom:25px}.hero-sub h2{font-size:32px}.hero-sub .intro{font-size:12px}.stage{display:block;padding:48px 30px 55px;min-height:350px}.device{max-width:340px;transform:rotate(-4deg);gap:12px;padding:14px}.stage-note{display:none}.stage-index{font-size:7px}.stage-controls{bottom:12px}.spec-strip{grid-template-columns:repeat(2,1fr);gap:18px}.spec-strip b{font-size:23px}.spec-strip small{font-size:8px}.section{padding:48px 0}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:32px}.machine{padding:16px 10px}.machine svg{width:43px;height:43px;margin:8px auto 15px}.machine h3{font-size:10px}.machine small{font-size:9px}.path-row{grid-template-columns:25px 1fr 20px;gap:12px;padding:20px 0}.path-row p{grid-column:2;grid-row:2}.path-row strong{font-size:23px}.path-row>span:last-child{grid-column:3;grid-row:1}.page-head{padding-top:35px}.page-head h1{font-size:55px;letter-spacing:-3px}.page-head p{font-size:12px}.layout{display:block;padding-top:25px}.sidebar{position:static;display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:30px;border-bottom:1px solid #414141;padding-bottom:15px;font:10px Mono}.content h2{font-size:26px}.screen-pair{gap:8px}.screen-pair figcaption{font-size:7px}.creator-grid,.play-board{grid-template-columns:1fr;gap:30px;padding:35px 0}.creator-grid h2{font-size:34px}.coffee{margin-top:25px}.social strong{font-size:20px}.social span{font-size:8px}.editor-toolbar{align-items:start}.editor-toolbar .actions{gap:12px}.editor-toolbar .field{font-size:8px}.editor-toolbar input{max-width:145px}.editor-grid{display:block}.track-list{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid #5a5a5a}.track-button{min-height:54px;font-size:9px;padding:10px 9px;border-right:1px solid #404040;grid-template-columns:16px 1fr 10px;gap:7px}.track-button svg{width:16px;height:16px}.engine-bar{gap:10px}.engine-bar h2{font-size:23px}.engine-bar .field{min-width:120px}.knob-grid{gap:10px}.param{font-size:8px}.steps{grid-template-columns:repeat(8,1fr);gap:6px}.step{aspect-ratio:1;min-height:42px}.step small{font-size:8px}.step-edit{gap:12px}.project-files{align-items:start}.revision{grid-template-columns:1fr}.footer-top{flex-wrap:wrap;gap:22px}.footer-top>span{font-size:8px}.footer-bottom{flex-wrap:wrap;font-size:7px}.credit-list{grid-template-columns:1fr}.btn{font-size:9px}.device-keys{height:30px}.device-labels{font-size:4px}.knobs{gap:6px}.mini-buttons i{height:10px}.control-panel{grid-template-columns:repeat(4,1fr);padding:12px;gap:5px}.control-panel button{padding:10px 5px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.lcd{height:auto;display:block}.pattern-head button[aria-pressed=true]{background:#ddd;color:#111}.dirty-indicator{font:9px Mono}
input[type=range]{accent-color:#ddd}@media(max-width:650px){.page-head h1{font-size:clamp(36px,12vw,55px)}}
.hero-sub h2{font-size:clamp(24px,2.5vw,35px);letter-spacing:-1px}.hero-build-note{font:8px/1.8 Mono,monospace;color:#929292;margin:13px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px;margin-top:30px}.feature-grid article{border-top:1px solid #444;padding:25px 0}.feature-grid h3{font-size:18px;font-weight:400;letter-spacing:-.4px;margin:0 0 12px}.feature-grid p{font-size:12px;color:#aaa;margin:0;line-height:1.9}.text-link{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:20px}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:46px 0}.support-strip h2{font-size:25px;font-weight:400;letter-spacing:-.6px;margin:12px 0}.support-strip p{font-size:12px;color:#aaa;max-width:560px}.support-strip .btn{flex-shrink:0}.support-content{max-width:780px;margin:0 auto;padding:50px 0 80px}.support-content section{padding:0 0 35px;margin:0 0 35px;border-bottom:1px solid #444}.support-content section:last-child{border:0;margin:0;padding:0}.support-content h2{font-size:30px;line-height:1.25;font-weight:400;letter-spacing:-.9px}.support-content p{font-size:13px;color:#aaa;max-width:650px;margin:18px 0}.social-inline{display:flex;flex-wrap:wrap;gap:12px 24px;font:11px Mono,monospace;margin-top:20px}.social-inline a{border-bottom:1px solid #555;padding-bottom:4px}.about-compact p{font-size:12px}.topbar .top-actions{gap:0}@media(max-width:950px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hero-sub h2{font-size:27px}.feature-grid{grid-template-columns:1fr;gap:0}.feature-grid article{padding:22px 0}.support-strip{display:block;padding:35px 0}.support-strip .btn{margin-top:12px}.support-content{padding-top:35px}.support-content h2{font-size:25px}.hero-build-note{font-size:7px}}
/* FM-1 geometry: LCD centered, left 2x2 controls, right four knobs + 2x6 buttons,
   lower 16+11 pill keys. The old piano-key illustration is replaced. */
.fm1-device{display:block;padding:0;border:0;background:transparent;box-shadow:none;max-width:690px;width:100%;transform:rotate(-3deg);filter:drop-shadow(0 20px 15px #0005);aspect-ratio:1280/820;position:relative;margin:16px auto 20px;color:inherit}.fm1-device:before,.fm1-device:after{display:none}.fm1-device>svg{display:block;width:100%;height:auto}.fm1-device>.lcd{position:absolute;left:28.90625%;top:5.121951%;width:37.5%;height:auto;aspect-ratio:1;border:0;box-shadow:none;background:#000;image-rendering:pixelated}.stage{grid-template-columns:.65fr 2.7fr .65fr;gap:18px}.play-page .page-head{padding-top:35px;padding-bottom:26px}.play-page .page-head h1{font-size:clamp(38px,6vw,76px);letter-spacing:-3px;margin:20px 0}.play-page .page-head p{max-width:770px}.embedded-player{background:#111;border:1px solid #454545;margin-top:25px}.embedded-player iframe{width:100%;height:clamp(350px,calc(57.65vw + 130px),760px);display:block;border:0}.emulator-below{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px}.emulator-below p{font-size:12px;color:#aaa;max-width:680px;margin:6px 0}.emulator-below .actions{flex-shrink:0;flex-direction:column}.keyboard-help{font-size:10px!important}.keyboard-help kbd{font:10px Mono;background:#2a2a2a;padding:2px 5px;color:#ddd}.emulator-credit{font:9px/1.8 Mono;color:#888;margin:22px 0}.emulator-credit a{text-decoration:underline;text-underline-offset:3px}.emulator-downloads{padding:25px 0;margin:0 0 45px}.emulator-downloads p{font-size:12px;color:#aaa;max-width:800px}.play-page .notice{font-size:11px}@media(max-width:950px){.stage{grid-template-columns:.3fr 2.9fr .3fr}.stage-note{font-size:7px}.emulator-below{align-items:start}}@media(max-width:650px){.stage{display:block;padding:45px 14px 48px;min-height:0}.fm1-device{max-width:none;margin:12px auto 20px;transform:rotate(-2deg)}.stage-controls{left:14px;bottom:10px}.stage-index{left:14px;right:14px}.emulator-below{display:block}.emulator-below .actions{flex-direction:row;margin-top:18px}.embedded-player{margin-left:-4%;margin-right:-4%}.embedded-player iframe{height:calc(61vw + 165px);min-height:365px}.play-page .page-head h1{letter-spacing:-2px}.emulator-credit{font-size:8px}.play-page .section{padding-top:45px}}
.emulator-backup:not(:empty){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;border:1px solid #777;background:#222;padding:16px 20px;margin-top:15px;font-size:12px}

.installer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin:38px 0}.installer-options article{border-top:1px solid #444;padding-top:24px}.installer-options h2{font-size:30px}.installer-options p{color:var(--muted,#aaa);line-height:1.75;margin-bottom:24px}@media(max-width:760px){.installer-options{grid-template-columns:1fr}}

/* A quiet maker byline keeps the firmware at the center of the introduction. */
.maker-note{display:flex;align-items:baseline;justify-content:space-between;gap:12px 28px;margin:8px 0 22px;color:#999;font-size:11px;line-height:1.7}
.maker-note p{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0}
.maker-name{color:#c5c5c5;font-weight:500;white-space:nowrap}
.maker-links{display:flex;flex-wrap:wrap;gap:8px 18px;font:10px/1.7 Mono,monospace}
.maker-links a{color:#aaa;white-space:nowrap;border-bottom:1px solid #393939}
.maker-note a:hover{color:#fff;border-color:#aaa}
.maker-note a:focus-visible{outline:1px solid currentColor;outline-offset:4px}
@media(max-width:950px){.maker-note{flex-wrap:wrap;gap:8px;margin-bottom:24px}}
@media(max-width:650px){.maker-note{font-size:11px;margin:10px 0 22px}.maker-note p{gap:2px 12px}.maker-note p span{flex-basis:100%}.maker-links{gap:10px 20px}}