/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.visible\!{visibility:visible!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.table{display:table}.shrink{flex-shrink:1}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}body{color:#ecf3f6;background:radial-gradient(circle at 50% 30%,#36d8ff14,#0000 35%),linear-gradient(145deg,#090d10 0%,#0c1317 52%,#080b0d 100%);min-height:100vh;margin:0;font-family:Arial Narrow,Roboto Condensed,Inter,Arial,sans-serif;overflow-x:hidden}button{font:inherit}.console-shell{width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:clamp(18px,2.4vw,38px)}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.eyebrow{color:#718994;letter-spacing:.28em;margin:0 0 5px;font-size:clamp(10px,1vw,13px);font-weight:700}h1{letter-spacing:-.025em;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(42px,7vw,86px);font-weight:900;line-height:.9}h1 span{color:var(--cyan)}.tempo-block{border:1px solid var(--line);color:#718994;letter-spacing:.12em;background:#0f161bb3;border-radius:4px;grid-template-columns:auto auto;align-items:baseline;gap:9px;padding:12px 18px;display:grid}.tempo-value{color:#fff;font-family:Courier New,monospace;font-size:28px;font-weight:700}.transport{border:1px solid var(--line);background:linear-gradient(#172128,#11181d);border-radius:7px 7px 0 0;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:22px;padding:13px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 18px 40px #0000004d}.power-button{color:#dff9ff;cursor:pointer;letter-spacing:.11em;background:#101c21;border:1px solid #36d8ff80;border-radius:4px;align-items:center;gap:13px;min-width:200px;padding:12px 17px;font-size:12px;font-weight:800;transition:all .16s;display:flex}.power-button:disabled{cursor:wait;opacity:.7}.power-icon{background:var(--cyan);color:#061014;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.timeline-wrap{min-width:0}.timeline-labels{color:#8497a1;letter-spacing:.08em;justify-content:space-between;margin-bottom:7px;font-family:Courier New,monospace;font-size:11px;display:flex}.timeline{background:#070b0d;border-radius:10px;height:5px;overflow:hidden;box-shadow:inset 0 1px 3px #000}.quick-guide{border-right:1px solid var(--line);border-left:1px solid var(--line);background:#ffffffe0;grid-template-columns:minmax(230px,.8fr) minmax(480px,1.5fr);align-items:center;gap:22px;padding:11px 16px;display:grid;box-shadow:inset 0 -1px #2d444e14}.quick-guide-status{color:#41545c;letter-spacing:.08em;align-items:center;gap:9px;margin:0;font:800 11px Courier New,monospace;display:flex}.quick-guide-status>span{background:#9aa8ae;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #9aa8ae24}.quick-guide-status>span.is-live{background:#16b8df;box-shadow:0 0 0 4px #16b8df21,0 0 14px #16b8df6b}.quick-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.quick-guide li{color:#75868d;letter-spacing:.04em;background:#f3f6f7;border:1px solid #495f6924;border-radius:4px;align-items:center;gap:7px;min-height:34px;padding:6px 9px;font:700 10px Courier New,monospace;display:flex}.quick-guide li strong{color:#51636b;background:#dce4e7;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.quick-guide li.is-current{color:#173942;background:#e8f8fb;border-color:#16b8df7a}.quick-guide li.is-current strong{color:#fff;background:#16b8df}.quick-guide li.is-complete{color:#45636c}.quick-guide li.is-complete strong{color:#285662;background:#b8dce4}.timeline span{height:100%;box-shadow:0 0 12px var(--cyan);background:linear-gradient(90deg,#1da9ce,#6be5ff);display:block}.engine-state{color:#61757f;letter-spacing:.09em;align-items:center;gap:9px;font-family:Courier New,monospace;font-size:10px;font-weight:700;display:flex}.engine-state span,.status-light{background:#44545b;border-radius:50%;width:8px;height:8px}.engine-state.is-running span{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.error-banner{color:#ffd2cc;background:#5d211d;margin:0;padding:9px 15px;font-size:12px}.machine-board{border:1px solid var(--line);isolation:isolate;background:radial-gradient(at 48% 58%,#26434e38,#0000 42%),linear-gradient(#0b1115,#06090b 72%);border-top:0;min-height:min(66vh,690px);position:relative;overflow:hidden}.machine-canvas{z-index:5;opacity:0;touch-action:none;transition:opacity .28s;position:absolute;inset:0}.machine-board.has-3d .machine-canvas{opacity:1}.machine-loading{z-index:4;color:#45545a;text-align:center;letter-spacing:.12em;background:radial-gradient(circle at 50% 48%,#36d8ff17,#0000 27%),linear-gradient(#f7f9fa,#eef2f4);place-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:0}.machine-loading strong{font-family:Impact,Arial Black,sans-serif;font-size:clamp(16px,2.2vw,24px)}.machine-loading small{color:#7b898f;letter-spacing:.16em;text-transform:uppercase;font-size:10px}.machine-loading-spinner{border:2px solid #36add12e;border-top-color:#36add1;border-radius:50%;width:34px;height:34px;margin-bottom:5px;animation:.9s linear infinite machine-loading-spin}.machine-loading.is-error{color:#854c45}@keyframes machine-loading-spin{to{transform:rotate(360deg)}}.machine-legacy{position:absolute;inset:0}.machine-board.has-3d .machine-legacy{display:none}.stem-controls{z-index:9;pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}.stem-control{border:1px solid var(--accent);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;padding:9px 11px;display:grid}@supports (color:color-mix(in lab, red, red)){.stem-control{border:1px solid color-mix(in srgb, var(--accent) 42%, #33434b)}}.stem-control{color:#e9f3f6;cursor:grab;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e11d6;border-radius:3px;box-shadow:inset 0 1px #ffffff0d,0 5px 18px #0000005c}.stem-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stem-control.is-held{color:#73838a;cursor:grabbing;border-color:#3f4b50}.stem-control-light{background:var(--accent);width:8px;height:8px;box-shadow:0 0 11px var(--accent);border-radius:50%}.stem-control.is-held .stem-control-light{box-shadow:none;background:#39464b}.stem-control>span:nth-child(2){letter-spacing:.11em;text-overflow:ellipsis;font:800 10px Courier New,monospace;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.stem-control small{color:color-mix(in srgb, var(--accent) 68%, #83939a)}}.stem-control small{letter-spacing:.12em;font:700 8px Courier New,monospace}.board-grid{z-index:-1;opacity:.32;background-image:linear-gradient(#5b82911a 1px,#0000 1px),linear-gradient(90deg,#5b82911a 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.xray-shell{z-index:3;clip-path:polygon(3% 13%,17% 13%,20% 5%,69% 5%,73% 11%,95% 11%,98% 18%,98% 81%,93% 89%,79% 89%,75% 96%,19% 96%,15% 90%,3% 90%,1% 81%,1% 23%);-webkit-backdrop-filter:blur(.35px);backdrop-filter:blur(.35px);pointer-events:none;background:linear-gradient(115deg,#bed0d621,#0000 24% 70%,#71848c1a),#4e626b17;border:2px solid #99aeb76b;position:absolute;inset:6% 2.5% 4%;overflow:hidden;box-shadow:inset 0 0 90px #8099a41f,0 0 28px #000000b3}.shell-inner{clip-path:inherit;border:1px solid #b7cbd32e;position:absolute;inset:12px}.shell-seam{background:#b4c9d230;position:absolute;box-shadow:0 0 5px #c2dae314}.shell-seam-a{width:1px;top:16%;bottom:10%;left:38%}.shell-seam-b{height:1px;top:44%;left:4%;right:4%}.shell-hatch{background:#a5bec909;border:1px solid #bed4dc40;border-radius:18px 4px 4px 18px;width:17%;height:22%;position:absolute;top:18%;right:4%}.shell-bolt{background:#202b30;border:1px solid #8c9ba2;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:inset 0 0 2px #000,0 0 3px #ffffff1f}.shell-bolt-1{top:14%;left:3%}.shell-bolt-2{top:14%;left:19%}.shell-bolt-3{top:7%;left:41%}.shell-bolt-4{top:13%;right:4%}.shell-bolt-5{top:46%;left:2%}.shell-bolt-6{top:46%;right:2%}.shell-bolt-7{bottom:10%;left:3%}.shell-bolt-8{bottom:7%;left:36%}.shell-bolt-9{bottom:7%;right:34%}.shell-bolt-10{bottom:11%;right:4%}.xray-glass{z-index:6;clip-path:polygon(3% 13%,17% 13%,20% 5%,69% 5%,73% 11%,95% 11%,98% 18%,98% 81%,93% 89%,79% 89%,75% 96%,19% 96%,15% 90%,3% 90%,1% 81%,1% 23%);pointer-events:none;background:linear-gradient(112deg,#d7e8ee12 0 8%,#0000 18% 72%,#b2c9d20a),repeating-linear-gradient(90deg,#0000 0 16%,#bfd5de05 16% 16.4%);border:1px solid #bcd3dc33;position:absolute;inset:6% 2.5% 4%}.machine-chassis{z-index:2;pointer-events:none;position:absolute;inset:0}.frame-rail{background:radial-gradient(circle at 10px 10px,#829099 0 2px,#1a2429 3px 5px,#0000 6px) 0 0/46px 20px,linear-gradient(#39464d,#10171b 45%,#27343a 55%,#0b1013);border:1px solid #435159;width:94%;height:20px;position:absolute;left:3%;box-shadow:0 4px 12px #000,inset 0 1px #ffffff2e}.frame-rail-top{top:12%}.frame-rail-bottom{bottom:8%}.frame-post{background:linear-gradient(90deg,#101619,#354149 48%,#101619);border:1px solid #3b484f;width:18px;position:absolute;top:12%;bottom:8%;box-shadow:3px 0 8px #000}.frame-post:before,.frame-post:after{content:"";background:#89979e;border-radius:50%;width:6px;height:6px;position:absolute;left:5px;box-shadow:inset 0 0 2px #000}.frame-post:before{top:10px}.frame-post:after{bottom:10px}.frame-post-a{left:5%}.frame-post-b{left:51%}.frame-post-c{right:5%}.main-shaft{z-index:2;background:linear-gradient(#9aa8af,#29343a 45%,#0e1417 55%,#64747c);border:2px solid #5b6870;border-radius:10px;width:70%;height:13px;position:absolute;top:62%;left:19%;box-shadow:0 4px 8px #000}.shaft-coupling{z-index:3;background:repeating-linear-gradient(90deg,#1c262b 0 4px,#6f7d84 4px 7px);border:2px solid #606e75;border-radius:4px;width:24px;height:28px;position:absolute;top:calc(62% - 7px);box-shadow:0 3px 7px #000}.coupling-a{left:25%}.coupling-b{left:53%}.coupling-c{left:78%}.pressure-pipe{z-index:1;opacity:.88;border:6px solid #6f4a32;border-bottom:0;border-radius:18px 18px 0 0;position:absolute}.pipe-a{width:39%;height:20%;top:21%;left:9%}.pipe-b{border-color:#324d58;width:31%;height:28%;top:25%;right:7%}.transfer-belt{z-index:1;border:6px double #343d41;border-radius:50%;width:26%;height:42%;position:absolute;top:26%;left:47%;transform:rotate(-18deg)}.base-foot{clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);background:linear-gradient(#36434a,#0c1114);border:1px solid #46535a;width:68px;height:33px;position:absolute;bottom:3%}.foot-a{left:7%}.foot-b{left:35%}.foot-c{right:35%}.foot-d{right:7%}.machine-part{z-index:4;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:18px;transition:background .18s,filter .18s;display:block;position:absolute}.machine-part:hover{background:radial-gradient(ellipse at center, var(--accent), transparent 68%)}@supports (color:color-mix(in lab, red, red)){.machine-part:hover{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 13%, transparent), transparent 68%)}}.machine-part:focus-visible{z-index:8;outline:2px solid var(--accent);outline-offset:2px}.machine-part.is-held{cursor:grabbing;background:radial-gradient(#0a0c0dd1,#0000 70%)}.machine-drums{width:30%;height:68%;top:19%;left:4%}.machine-bass{width:31%;height:57%;top:31%;left:29%}.machine-synth{width:49%;height:34%;top:14%;left:45%}.machine-other{width:37%;height:43%;top:46%;left:60%}.machine-label{z-index:5;letter-spacing:.08em;background:linear-gradient(#29343a,#11171a);border:1px solid #546169;border-radius:2px;align-items:center;gap:9px;padding:7px 9px;font-family:Courier New,monospace;font-size:10px;font-weight:800;display:flex;position:absolute;top:5px;left:5px;box-shadow:0 2px 7px #000,inset 0 1px #ffffff14}.machine-label .status-light{background:var(--accent);box-shadow:0 0 10px var(--accent)}.is-held .machine-label .status-light{box-shadow:none;background:#3d474b}.machine-action{z-index:5;color:var(--accent);position:absolute;bottom:5px;right:17px}@supports (color:color-mix(in lab, red, red)){.machine-action{color:color-mix(in srgb, var(--accent) 72%, #82929a)}}.machine-action{letter-spacing:.14em;font-family:Courier New,monospace;font-size:9px;font-weight:700}.machine-visual{filter:saturate(.7)contrast(1.08);place-items:center;transition:opacity .15s,filter .15s;display:grid;position:absolute;inset:0}.is-held .machine-visual{opacity:.34;filter:grayscale(.85)}.twin-piston{align-items:flex-end;gap:14px;display:flex;position:relative;transform:translate(4px,24px)}.cylinder-unit{background:linear-gradient(90deg,#0d1316,#344148 48%,#0d1316);border:5px solid #59666d;width:72px;height:190px;position:relative;overflow:hidden;box-shadow:inset 0 0 17px #000,0 5px 13px #000}.cylinder-cap{z-index:3;background:repeating-linear-gradient(90deg,#79878e 0 7px,#323d42 7px 13px);border-bottom:3px solid #1d2529;width:100%;height:18px;position:absolute;top:0;left:0}.piston-block{background:linear-gradient(#713e31,#242525);border-top:8px solid #ff8b66;width:46px;height:68px;position:absolute;bottom:32px;left:8px;box-shadow:inset 0 0 8px #000}.piston-link{z-index:-1;transform-origin:0;background:#273137;border:2px solid #8a959a;border-radius:8px;width:100px;height:11px;position:absolute;bottom:43px;right:-65px}.crank-wheel{background:radial-gradient(circle,#e37855 0 7%,#0b1114 8% 46%,#4b2a22 47% 100%);border:13px solid #8a4a36;border-radius:50%;width:96px;height:96px;position:absolute;bottom:13px;right:-74px;box-shadow:0 0 0 4px #202a2f,0 5px 12px #000}.crank-pin{background:#d9e2e5;border-radius:50%;width:12px;height:12px;position:absolute;top:13px;left:39px;box-shadow:0 0 0 4px #111a1e}.flywheel-assembly{width:260px;height:260px;position:relative}.flywheel{background:radial-gradient(circle,#0a1114 0 13%,#56cbea 14% 19%,#0000 20% 67%,#18343d 68% 100%);border:16px solid #438da3;border-radius:50%;position:absolute;inset:18px;box-shadow:inset 0 0 0 5px #10191d,inset 0 0 22px #000,0 0 0 7px #26343a,0 0 28px #36d8ff2e}.flywheel-spoke{transform-origin:50%;background:linear-gradient(#406f7c,#13252b);border-radius:7px;width:66%;height:7%;position:absolute;top:47%;left:17%}.flywheel-hub{z-index:3;background:#0b1216;border:8px solid #4fbddd;border-radius:50%;width:45px;height:45px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #253137}.bearing{background:linear-gradient(#343f44,#101619);border:4px solid #59676e;width:34px;height:54px;position:absolute;top:112px;box-shadow:0 4px 7px #000}.bearing-left{left:0}.bearing-right{right:0}.clutch-pack{background:repeating-linear-gradient(90deg,#202a2f 0 5px,#829097 5px 8px);border:3px solid #7e8a90;width:58px;height:22px;position:absolute;top:125px;right:-36px}.camshaft-assembly{justify-content:space-between;align-items:center;width:86%;height:140px;display:flex;position:relative;transform:translateY(20px)}.camshaft-bar{background:linear-gradient(#b9a2ef,#342b4b 48%,#171220 52%,#7865a4);border:2px solid #72668f;border-radius:8px;width:94%;height:13px;position:absolute;top:67px;left:3%;box-shadow:0 4px 8px #000}.cam-station{width:60px;height:135px;position:relative}.cam-lobe{z-index:2;background:radial-gradient(circle at 50% 58%,#11151a 0 19%,#624a91 20% 100%);border:5px solid #a879ff;border-radius:50% 50% 45% 55%;width:43px;height:62px;position:absolute;top:44px;left:9px;box-shadow:0 0 13px #a979ff4d}.valve-stem{z-index:1;background:linear-gradient(90deg,#4a5156,#cad2d6,#4a5156);width:7px;height:53px;position:absolute;top:0;left:27px}.valve-spring{background:repeating-linear-gradient(0deg,#0000 0 5px,#a48acb 5px 8px);border-left:5px double #826bb0;border-right:5px double #826bb0;width:31px;height:38px;position:absolute;top:5px;left:15px}.pulley-assembly{width:390px;height:220px;position:relative;transform:translateY(16px)}.pulley-belt{z-index:0;border:11px double #7c682d;border-radius:70px;width:310px;height:120px;position:absolute;top:45px;left:25px;transform:rotate(-4deg);box-shadow:0 0 15px #f5d15f1a}.pulley{z-index:2;background:radial-gradient(circle,#e5c55f 0 8%,#0a1013 9% 37%,#705e28 38% 60%,#12191d 61% 100%);border:10px double #bc9d3f;border-radius:50%;display:block;position:absolute;box-shadow:0 5px 11px #000,0 0 18px #f5d15f33}.pulley-large{width:150px;height:150px;top:36px;left:16px}.pulley-small{width:86px;height:86px;top:69px;right:28px}.pulley-slot{transform-origin:50%;background:#0a1013;border-radius:8px;width:72%;height:6%;position:absolute;top:47%;left:14%}.slot-b{transform:rotate(60deg)}.slot-c{transform:rotate(120deg)}.tension-arm{z-index:1;transform-origin:100%;background:#232d32;border:3px solid #616d72;border-radius:10px;width:105px;height:12px;position:absolute;bottom:10px;right:5px;transform:rotate(-27deg)}.tension-roller{z-index:3;background:radial-gradient(circle,#0c1316 0 20%,#b39947 21% 30%,#222c30 31% 100%);border:7px solid #8b7a43;border-radius:50%;width:46px;height:46px;position:absolute;bottom:40px;right:72px}.control-box{z-index:7;background:linear-gradient(145deg,#2d373c,#0c1114);border:3px solid #59666d;grid-template-columns:repeat(3,10px);gap:8px;width:145px;padding:15px;display:grid;position:absolute;bottom:10%;left:52%;box-shadow:7px 8px 12px #000,inset 0 1px #ffffff1a}.control-light{background:#39474d;border-radius:50%;width:8px;height:8px}.control-box.is-active .control-light:first-child{background:#36d8ff;box-shadow:0 0 10px #36d8ff}.control-box.is-active .control-light:nth-child(2){background:#ff6a3d;box-shadow:0 0 10px #ff6a3d}.control-box strong{grid-column:1/-1;margin-top:6px;font:700 19px Courier New,monospace}.control-box small{color:#71838c;letter-spacing:.12em;grid-column:1/-1;font:700 8px Courier New,monospace}.instruction-bar{border:1px solid var(--line);color:#9babb3;letter-spacing:.03em;background:#0d1418;border-top:0;border-radius:0 0 7px 7px;justify-content:space-between;align-items:center;gap:24px;padding:14px 18px;font-size:12px;display:flex}.instruction-bar p{margin:0}.credits{color:#546a74;text-align:right}@media (width<=820px){.transport{grid-template-columns:1fr;gap:12px}.power-button{justify-content:center;width:100%}.engine-state{display:none}.machine-board{min-height:600px}.machine-label{padding:6px;font-size:8px}.machine-action{display:none}.flywheel-assembly{transform:scale(.8)}.twin-piston{transform:translate(-10px,30px)scale(.78)}.camshaft-assembly{transform:translate(-7%,20px)scale(.82)}.pulley-assembly{transform:translate(-10%,18px)scale(.76)}.control-box{transform:scale(.78)}.instruction-bar{flex-direction:column;align-items:flex-start}.credits{text-align:left}.stem-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.console-shell{padding:12px}.eyebrow{letter-spacing:.15em}.tempo-block{padding:8px 10px}.tempo-value{font-size:21px}.machine-board{min-height:520px}.machine-board:not(.has-3d){min-width:720px}.instruction-bar{min-width:0}.stem-controls{gap:5px;bottom:10px;left:10px;right:10px}.stem-control{padding:8px}.stem-control small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}:root{--ink:#172126;--panel:#fff;--panel-soft:#f3f6f7;--steel:#61727a;--line:#2d444e2e;--cyan:#16b8df}html{background:#eef2f3}body{color:var(--ink);background:radial-gradient(circle at 50% 18%,#1eb2d514,#0000 34%),linear-gradient(145deg,#fff 0%,#f5f7f8 54%,#ebeff1 100%)}.console-shell{width:min(1600px,100%)}.eyebrow{color:#687b84}.tempo-block{color:#687b84;background:#ffffffeb;box-shadow:0 7px 22px #2a3a4114}.tempo-value{color:#19262c}.transport{background:linear-gradient(#fff,#f3f6f7);box-shadow:inset 0 1px #fffc,0 14px 34px #273a421a}.power-button{color:#17323c;background:#e9f8fc;border-color:#16b8df85}.power-button:hover:not(:disabled){background:#d9f4fa;box-shadow:0 5px 20px #16b8df26}.power-icon{color:#fff}.timeline-labels{color:#63767f}.timeline{background:#dbe3e6;box-shadow:inset 0 1px 3px #2739412b}.engine-state{color:#687b83}.engine-state.is-running{color:#167d96}.machine-board{background:radial-gradient(at 48% 54%,#758b941f,#0000 44%),linear-gradient(#fff,#f1f4f5 78%);min-height:clamp(620px,72vh,780px);box-shadow:inset 0 -18px 45px #4c5f680f}.board-grid{opacity:.5;background-image:linear-gradient(#4d697414 1px,#0000 1px),linear-gradient(90deg,#4d697414 1px,#0000 1px)}.xray-shell{background:linear-gradient(115deg,#78919b14,#0000 24% 70%,#71848c14),#d2dce01f;box-shadow:inset 0 0 90px #8099a414,0 10px 28px #34444b1a}.stem-control{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.stem-control{border-color:color-mix(in srgb, var(--accent) 48%, #c8d1d5)}}.stem-control{border-top:3px solid var(--accent);color:#1d2b31;background:#ffffffe8;box-shadow:inset 0 1px #fffc,0 5px 18px #2e41491f}.stem-control.is-held{color:#66777e;background:#e8edeff0;border-color:#7d8c92 #b9c3c7 #b9c3c7}.stem-control.is-held .stem-control-light{background:#87969c}.stem-control small{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.stem-control small{color:color-mix(in srgb, var(--accent) 74%, #53666e)}}.stem-control.is-latched{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.stem-control.is-latched{border-color:color-mix(in srgb, var(--accent) 68%, #9eacb2)}}.stem-control.is-latched{border-top-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.stem-control.is-latched{background:color-mix(in srgb, var(--accent) 9%, #fff)}}.stem-control.is-latched{color:#24353c;box-shadow:inset 0 0 0 1px var(--accent), 0 6px 20px #2e414926}@supports (color:color-mix(in lab, red, red)){.stem-control.is-latched{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 6px 20px #2e414926}}.stem-control.is-latched .stem-control-light{background:var(--accent);box-shadow:0 0 12px var(--accent)}@supports (color:color-mix(in lab, red, red)){.stem-control.is-latched .stem-control-light{box-shadow:0 0 12px color-mix(in srgb, var(--accent) 70%, transparent)}}.instruction-bar{color:#61737b;background:#fff}.instruction-bar strong{color:#1b292f}.credits{color:#788990}@media (width<=820px){.quick-guide{grid-template-columns:1fr;gap:8px}.machine-board{min-height:640px}}@media (width<=520px){.quick-guide{padding:9px}.quick-guide-status{font-size:9px}.quick-guide li{text-align:center;justify-content:center;padding:5px;font-size:8px}.quick-guide li strong{display:none}.machine-board{min-height:540px}}@media (width>=821px){.console-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar,.transport,.quick-guide,.instruction-bar{flex:none}.machine-board{flex:auto;min-height:0}}@media (width>=821px) and (height<=900px){.console-shell{padding:14px 24px}.topbar{margin-bottom:8px}.eyebrow{margin-bottom:3px;font-size:9px}h1{font-size:clamp(46px,5vw,62px)}.tempo-block{padding:8px 14px}.tempo-value{font-size:24px}.transport{gap:16px;padding:8px 12px}.power-button{min-width:180px;padding:7px 13px}.power-icon{width:28px;height:28px}.quick-guide{gap:15px;padding:6px 12px}.quick-guide li{min-height:29px;padding:4px 8px}.quick-guide li strong{width:18px;height:18px}.stem-controls{bottom:10px;left:12px;right:12px}.stem-control{padding:7px 9px}.instruction-bar{padding:8px 13px;font-size:11px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}