*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--size-100)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-text);line-height:1.4}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}:focus-visible{outline:var(--outline) solid var(--focus);outline-offset:var(--space-xs)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:var(--space-md);left:var(--space-md);padding:var(--space-md);background:var(--panel);border:var(--outline) solid var(--ink);transform:translateY(var(--skip-hidden))}.skip-link:focus{transform:none}
.top-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:var(--size-84);padding:var(--space-md) var(--page-margin);background:var(--hull);border-bottom:var(--outline) solid var(--ink)}.brand{display:flex;align-items:center;gap:var(--space-sm);font:900 var(--size-17)/1 var(--font-display);letter-spacing:var(--tracking-brand)}.brand-mark{display:grid;place-items:center;width:var(--target);height:var(--target);border:var(--outline) solid var(--ink);border-radius:var(--circle);background:var(--panel);font:bold var(--space-lg) var(--font-text);transform:rotate(var(--rotation-brand));box-shadow:var(--thin) var(--outline) 0 var(--ink)}.nav-links{display:flex;gap:var(--space-lg);font-weight:bold;font-size:var(--size-13)}.nav-links a{display:flex;align-items:center;min-height:var(--target);border-bottom:var(--thin) solid transparent}.nav-links a:hover{border-color:var(--ink)}.nav-meta{font:var(--font-micro) var(--font-mono);background:var(--panel);padding:var(--space-sm) var(--space-md);border:var(--thin) solid var(--ink);border-radius:var(--small-radius)}.nav-meta span:before{content:'';display:inline-block;width:var(--space-sm);height:var(--space-sm);margin-right:var(--space-sm);background:var(--accent);border-radius:var(--circle)}
main{max-width:var(--max-width);margin:auto;padding:0 var(--page-margin)}.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-xl) 0}.micro{font:var(--font-micro)/1.5 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0;color:var(--muted)}.intro-strip h1{font:900 var(--font-title)/.98 var(--font-display);letter-spacing:var(--tracking-display);margin:var(--space-md) 0 0;transform:rotate(var(--rotation-heading));transform-origin:left}.intro-strip h1 span{color:var(--accent);font-size:var(--scale-subtitle)}.welcome{max-width:var(--size-380)}.welcome>p{font-size:var(--size-18);line-height:1.5;margin:0 0 var(--space-md)}.welcome>small{display:block;font-size:var(--font-small);margin-top:var(--space-md);color:var(--muted)}
.button-primary,.button-secondary,.icon-btn,.hud-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:var(--target);padding:var(--space-sm) var(--space-md);border:var(--outline) solid var(--ink);border-radius:var(--button-radius);background:var(--panel);font-weight:bold;font-size:var(--size-13);color:var(--ink);box-shadow:var(--outline) var(--outline) 0 var(--ink);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.button-primary,#playBtn{background:var(--accent);color:var(--cream)}.button-primary span{font-size:var(--space-lg)}.button-primary:hover,#playBtn:hover{background:var(--accent-hover)}button:hover{transform:translateY(var(--hover-lift))}.button-primary:active,.button-secondary:active,.icon-btn:active,.hud-link:active{transform:translate(var(--thin),var(--thin));box-shadow:var(--hairline) var(--hairline) 0 var(--ink)}
.simulation-stage{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-width);gap:var(--space-md);padding:var(--space-md);border:var(--outline) solid var(--ink);border-radius:var(--radius);background:var(--hull-deep);box-shadow:var(--shadow);scroll-margin-top:var(--size-100)}.console-left{min-width:0;display:flex;flex-direction:column;gap:var(--space-md)}.machine-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);font:var(--font-micro) var(--font-mono);padding:var(--space-xs) var(--space-sm)}.bolt{width:var(--space-md);height:var(--space-md);border:var(--thin) solid var(--ink);border-radius:var(--circle);background:var(--panel);position:relative}.bolt:after{content:'';position:absolute;top:var(--size-5);left:var(--thin);width:var(--space-sm);border-top:var(--hairline) solid var(--ink);transform:rotate(var(--rotation-screw))}.viewport{position:relative;min-height:var(--size-430);flex:1;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:var(--screen);box-shadow:0 0 0 var(--space-xs) var(--panel);overflow:hidden}#space{display:block;width:var(--full);height:var(--full);position:absolute;inset:0;touch-action:none;cursor:grab}#space:active{cursor:grabbing}.viewport-stamp{position:absolute;top:var(--space-md);right:var(--space-md);pointer-events:none;color:var(--panel);font:var(--font-micro) var(--font-mono)}.instrument-strip{display:flex;align-items:center;gap:var(--space-md);justify-content:space-between}.canvas-actions{display:flex;gap:var(--space-sm)}.action-stack{display:grid;gap:var(--space-sm);justify-items:center}.action-stack small{font:var(--space-sm) var(--font-mono);color:var(--ink)}.icon-btn{min-width:var(--size-70);font:700 var(--size-11) var(--font-mono)}.canvas-hud{font:var(--size-9)/1.5 var(--font-mono);max-width:var(--size-280);overflow-wrap:anywhere}.vents{width:var(--size-70);height:var(--space-lg);background:repeating-linear-gradient(var(--rotation-level),var(--ink) 0 var(--thin),transparent var(--thin) var(--size-6));border-radius:var(--small-radius);flex-shrink:0}
.hud-orbit{padding:var(--space-md);background:var(--panel);border:var(--thin) solid var(--ink);border-radius:var(--button-radius)}.hud-orbit>.panel-caption{display:none}.orbit-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font:var(--size-11) var(--font-mono);padding:var(--space-sm) 0;border-bottom:var(--thin) solid var(--ink)}.hero-stats,.search-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.hero-stats>div,.search-metrics>div{display:grid;gap:var(--space-sm);padding-top:var(--space-md);min-width:0}.stat-label,.metric-label{font:var(--size-9) var(--font-mono);color:var(--muted)}.stat-value,.metric-number{font:var(--size-18) var(--font-mono);font-variant-numeric:tabular-nums}.hud-note{font-size:var(--font-small);margin:var(--space-md) 0 0;color:var(--muted)}
.control-panel{height:var(--console-height);overflow:auto;background:var(--panel);border:var(--outline) solid var(--ink);border-radius:var(--button-radius);scrollbar-color:var(--ink) var(--panel)}.panel-section{padding:var(--space-md);border-bottom:var(--thin) solid var(--ink)}.panel-section:last-child{border-bottom:0}.panel-caption{font-size:var(--font-small);color:var(--muted);margin:var(--space-xs) 0 var(--space-sm)}.control-panel .panel-caption{display:none}.segmented,.view-switch{display:grid;gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-md)}.segmented{grid-template-columns:1fr 1fr}.view-switch{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.segment,.view-button,.preset-button{min-height:var(--target);padding:var(--space-sm);background:var(--paper);border:var(--thin) solid var(--ink);border-radius:var(--small-radius);color:var(--ink);font-size:var(--font-small);text-align:left}.segment{display:grid;gap:var(--space-xs);text-align:center;font-weight:bold}.segment small,.view-button small,.preset-button small,.control-row small,.switches small,.select-row small{display:block;font:var(--size-9)/1.4 var(--font-mono);font-weight:normal;color:var(--muted)}.active.segment,.active.view-button,.active.preset-button{background:var(--ink);color:var(--cream)}.active small{color:var(--panel)}.view-button span{font-weight:bold}.view-button small{margin-top:var(--space-xs);font-size:var(--space-sm)}.hud-link{width:var(--full);font-size:var(--font-small);border-width:var(--thin);box-shadow:var(--thin) var(--thin) 0 var(--ink)}.preset-list{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-top:var(--space-sm)}.preset-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.preset-button>span:first-child{font-weight:bold}.preset-button>span:last-child{font:var(--size-9) var(--font-mono);white-space:nowrap}.control-row{display:grid;grid-template-columns:var(--size-95) minmax(0,1fr) var(--size-36);align-items:center;gap:var(--space-sm);min-height:var(--size-58);border-bottom:var(--hairline) solid var(--chart-grid);font-size:var(--font-small)}.control-row:last-child{border-bottom:0}.control-row strong,.select-row strong,.switches strong{font-size:var(--font-small)}.control-row output{text-align:right;font:var(--font-micro) var(--font-mono)}input[type=range]{width:var(--full);min-width:0;height:var(--target);accent-color:var(--accent);cursor:pointer}input[type=checkbox]{width:var(--size-20);height:var(--size-20);accent-color:var(--ink);margin:0;flex-shrink:0}.switches{display:grid;gap:var(--space-sm)}.switches label{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--target);cursor:pointer}.switches label>span{display:grid;gap:var(--space-xs)}
.guide-overlay{position:absolute;z-index:5;inset:var(--space-md);padding:var(--space-lg);border:var(--outline) solid var(--ink);border-radius:var(--button-radius);background:var(--panel);overflow:auto;box-shadow:var(--shadow)}.guide-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.guide-overlay-head .hud-link{width:auto}.guide-overlay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.guide-overlay h2{font:900 var(--size-20) var(--font-display);margin:0 0 var(--space-sm)}.guide-overlay p{font-size:var(--font-small);line-height:1.6}
.search-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--space-lg);margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--hull);border:var(--outline) solid var(--ink);border-radius:var(--radius);scroll-margin-top:var(--size-100)}.section-heading{grid-column:1/-1;max-width:var(--size-660)}.section-heading>h2{font:900 clamp(var(--size-26),var(--fluid-section-title),var(--size-40))/1.1 var(--font-display);letter-spacing:var(--tracking-section);margin:var(--space-sm) 0 var(--space-md)}.section-copy{font-size:var(--font-body);color:var(--muted);line-height:1.6;margin:0}.search-board,.search-text{background:var(--panel);border:var(--thin) solid var(--ink);border-radius:var(--button-radius);padding:var(--space-lg);min-width:0}.search-metrics{margin-bottom:var(--space-lg)}.metric-number{font-size:var(--size-20)}.score-chart{display:block;width:var(--full);height:var(--size-140);border:var(--thin) solid var(--ink);border-radius:var(--small-radius)}.select-row{display:grid;grid-template-columns:var(--size-95) minmax(0,1fr);gap:var(--space-sm);align-items:center;margin-top:var(--space-lg)}select{min-height:var(--target);width:var(--full);padding:var(--space-sm);border:var(--thin) solid var(--ink);border-radius:var(--small-radius);color:var(--ink);background:var(--paper);font-size:var(--font-small)}.button-row{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.search-controls .control-row{grid-template-columns:var(--size-95) minmax(0,1fr) var(--size-40)}.spec-row{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:var(--hairline) solid var(--chart-grid);font-size:var(--size-13)}.spec-row strong{font:var(--font-small) var(--font-mono)}.params-box{font:var(--font-micro)/1.8 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding-top:var(--space-lg)}.guide-section{padding:var(--space-2xl) 0;scroll-margin-top:var(--size-100)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.guide-card{padding:var(--space-lg);border:var(--thin) solid var(--ink);border-radius:var(--button-radius);background:var(--panel)}.guide-card h2{font:900 var(--size-22) var(--font-display);margin:var(--space-md) 0 var(--space-sm)}.guide-card p:not(.micro){font-size:var(--size-13);line-height:1.6;color:var(--muted);margin:0}.guide-card.dark{background:var(--hull)}.footer{padding:var(--space-lg) var(--page-margin);display:flex;justify-content:space-between;gap:var(--space-md);border-top:var(--thin) solid var(--ink);font:var(--font-micro) var(--font-mono);background:var(--panel)}
@media(max-width:1150px){.vents{display:none}.canvas-hud{max-width:var(--size-210)}.instrument-strip{gap:var(--space-sm)}.intro-strip .micro{font-size:var(--space-sm)}.intro-strip h1{font-size:var(--size-56)}.welcome>p{font-size:var(--font-body)}.viewport{min-height:var(--size-380)}}
@media(max-width:900px){.simulation-stage{grid-template-columns:1fr}.control-panel{height:auto;overflow:visible}.viewport{height:var(--size-430);flex:auto;min-height:0}.canvas-hud{max-width:none}.control-panel{display:grid;grid-template-columns:1fr 1fr}.panel-section{border-right:var(--thin) solid var(--ink)}.panel-section:last-child{border-bottom:0;grid-column:1/-1;border-right:0}.panel-section:nth-child(2n){border-right:0}.search-grid{grid-template-columns:1fr}.intro-strip{gap:var(--space-md)}.intro-strip h1{font-size:var(--space-2xl)}.welcome{max-width:var(--size-280)}.guide-grid{grid-template-columns:1fr 1fr}.guide-overlay-grid{grid-template-columns:1fr}.guide-overlay-grid article{border-top:var(--hairline) solid var(--chart-grid);padding-top:var(--space-sm)}}
@media(max-width:600px){html{scroll-padding-top:var(--size-120)}.top-nav{flex-wrap:wrap;padding:var(--space-sm) var(--page-margin);gap:var(--space-sm);min-height:var(--size-108)}.brand{font-size:var(--size-14)}.brand-mark{width:var(--size-36);height:var(--size-36);font-size:var(--size-21)}.nav-links{order:3;flex-basis:var(--full);justify-content:space-between;gap:var(--space-md);font-size:var(--font-small)}.nav-links a{min-height:var(--target)}.nav-meta{font-size:var(--size-9);padding:var(--space-sm)}.intro-strip{display:block;padding:var(--space-lg) 0}.intro-strip h1{font-size:var(--space-2xl)}.intro-strip .micro{font-size:var(--space-sm)}.welcome{max-width:none;margin-top:var(--space-lg)}.welcome>p{font-size:var(--font-body)}.welcome .button-primary{width:var(--full);justify-content:space-between}.welcome>small{font-size:var(--size-11)}.simulation-stage{padding:var(--space-sm);border-radius:var(--space-md);gap:var(--space-md);scroll-margin-top:var(--size-120)}.console-left{gap:var(--space-md)}.machine-top{font-size:var(--space-sm)}.viewport{height:var(--size-350);border-radius:var(--space-md);margin:0 var(--space-xs)}.viewport-stamp{font-size:var(--space-sm)}.instrument-strip{flex-wrap:wrap;gap:var(--space-md);padding:0 var(--space-xs)}.canvas-actions{width:var(--full);justify-content:space-between}.action-stack{flex:1}.icon-btn{width:var(--full);min-width:0}.action-stack small{font-size:var(--size-7)}.canvas-hud{font-size:var(--space-sm);padding:0 var(--space-xs)}.hud-orbit{padding:var(--space-sm)}.orbit-line{font-size:var(--size-9)}.hero-stats{gap:var(--space-sm)}.stat-value{font-size:var(--size-15)}.stat-label{font-size:var(--space-sm)}.hud-note{font-size:var(--size-11)}.control-panel{display:block}.panel-section{border-right:0;padding:var(--space-md)}.preset-list{grid-template-columns:1fr 1fr}.preset-button{display:block;font-size:var(--size-11)}.preset-button>span:last-child{display:none}.view-button{font-size:var(--font-small)}.search-grid{padding:var(--space-md);gap:var(--space-md);border-radius:var(--space-md);margin-top:var(--space-xl);scroll-margin-top:var(--size-120)}.search-board,.search-text{padding:var(--space-md)}.search-metrics{gap:var(--space-sm)}.metric-number{font-size:var(--space-md)}.metric-label{font-size:var(--space-sm)}.search-controls .control-row{grid-template-columns:var(--size-80) minmax(0,1fr) var(--size-36)}.select-row{grid-template-columns:var(--size-80) minmax(0,1fr)}.button-row{gap:var(--space-sm)}.button-row button{flex:1;font-size:var(--size-11);padding:var(--space-sm)}.guide-grid{grid-template-columns:1fr}.guide-section{padding:var(--space-xl) 0}.guide-card{padding:var(--space-md)}.footer{flex-direction:column;font-size:var(--space-sm)}.guide-overlay{inset:var(--space-sm);padding:var(--space-md)}.guide-overlay-grid{margin-top:var(--space-md);gap:var(--space-sm)}.guide-overlay p{font-size:var(--size-11)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.lab-mark{background-color:var(--ink);mask:url(/generators/brand-mark.png) center/contain no-repeat;-webkit-mask:url(/generators/brand-mark.png) center/contain no-repeat;transform:none;border:0;border-radius:0;box-shadow:none}.brand small{font:var(--size-11) var(--font-mono)}