#main-content:has(.machine-home){width:100%;max-width:none}
#main-content:has(.machine-home)>footer,.mh-builds{width:min(calc(100% - clamp(36px,9vw,160px)),1550px);margin-inline:auto}
.machine-home{color:#191a1b;background:white;font-family:Arial,Helvetica,sans-serif}
.machine-home :is(a,button){color:inherit;-webkit-tap-highlight-color:transparent}
.machine-home button,.mf-stage{-webkit-user-select:none;user-select:none}
.mf-hero{height:calc(100vh - var(--mast-height,66px));height:calc(100svh - var(--mast-height,66px));position:relative;isolation:isolate;overflow:hidden;background:white}
.mf-stage{position:absolute;inset:0 0 clamp(58px,7svh,80px);overflow:hidden;contain:layout paint}
.mf-actor,.mf-air,.mf-shadow,.mf-air-shadow,.mf-beacon{position:absolute;top:0;left:0;pointer-events:none;will-change:transform}
.mf-actor>svg,.mf-air>svg{width:100%;height:100%;display:block;overflow:visible}
.mf-actor[hidden],.mf-shadow[hidden]{display:none!important}
.mf-air{z-index:105}
.mf-actor{transform-origin:50% 50%}
.mf-shadow,.mf-air-shadow{z-index:1;background:radial-gradient(ellipse closest-side,#84847e3b, #bdbdb529 58%,transparent);border-radius:50%}
.mf-air-shadow{height:7px;opacity:.43}
.mf-beacon{z-index:1;width:26px;height:10px;border-radius:50%;border:1px solid #787875;opacity:0}
.mf-beacon:after{content:"";position:absolute;inset:2px 5px;border-radius:50%;border:1px solid #aaa}
.mf-stage .mf-direct{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:110;cursor:crosshair;padding:0;touch-action:pan-y;outline:none}
.mf-stage .mf-direct:focus-visible{outline:none}
.mf-direct:focus-visible:after{content:"+";display:grid;place-items:center;position:absolute;left:50%;top:55%;width:29px;height:29px;border:2px solid #222;border-radius:50%;color:#222;background:#fff}
.mf-foot{position:absolute;inset:auto clamp(17px,4.5vw,80px) max(9px,env(safe-area-inset-bottom));height:52px;display:flex;justify-content:center;align-items:center;gap:8px}
.mf-scroll{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:3px 10px;font-size:14px;font-weight:540;letter-spacing:-.015em}
.mf-scroll svg{width:16px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .2s}
.mf-scroll:hover svg{transform:translateY(3px)}
.mf-pause{position:absolute;right:0;width:44px;height:44px;display:grid;place-items:center;color:#555}
.mf-pause svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.mf-pause[data-playing=true] .play,.mf-pause[data-playing=false] .pause{display:none}
.mh-builds{padding:clamp(48px,6vw,100px) 0 52px}
.mh-directory-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.mh-directory-title h2{margin:0;font-size:clamp(35px,4.7vw,74px);line-height:1;letter-spacing:-.075em;font-weight:580;scroll-margin-top:38px}
.mh-library,.mh-start,.mh-see{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0;font-size:14px;font-weight:550;text-decoration:none}
.mh-library svg,.mh-start svg{width:17px;height:17px}
.mh-build-help{max-width:47ch;margin:16px 0 30px;font-size:clamp(16px,1.6vw,22px);line-height:1.4;letter-spacing:-.025em;color:#525355}
.mh-builds ul{list-style:none;margin:0;padding:0}
.mh-row{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(200px,1.4fr) auto;align-items:center;gap:5%;padding:25px 0}
.mh-name>span{font:10px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#5b5b5a}
.mh-name h3{font-size:clamp(28px,3vw,48px);margin:3px 0 0;line-height:1.02;letter-spacing:-.06em;font-weight:540}.mh-name h3 a{text-decoration:none}
.mh-description p{font-size:clamp(16px,1.4vw,21px);line-height:1.4;letter-spacing:-.015em;margin:0 0 5px}.mh-description small{font-size:12px;color:#686969}
.mh-row-actions{display:flex;align-items:center;gap:20px}.mh-see{color:#626263!important;text-decoration:underline;text-underline-offset:3px}
.mh-start:hover,.mh-library:hover,.mh-name h3 a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:730px){
 .mh-builds,#main-content:has(.machine-home)>footer{width:calc(100% - 34px)}
 .mf-foot{height:44px}.mf-scroll{font-size:13px}
 .mh-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:19px 0}
 .mh-description{grid-column:1;grid-row:2}.mh-row-actions{grid-column:2;grid-row:1/span 2;display:grid;gap:0}
 .mh-start,.mh-see,.mh-library{font-size:13px}.mh-library{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.mf-scroll svg{transition:none}}

#entry-page:empty,#entry-page:has(>noscript:only-child){min-height:calc(100svh - 66px)}