/* MEGA // METAL VERSION 3
   A deliberately overbuilt offline control machine. */
:root{
  --mega-olive:#535944;
  --mega-olive-dark:#24291f;
  --mega-steel:#969990;
  --mega-steel-hi:#d6d7cf;
  --mega-red:#8f251d;
  --mega-red-hi:#e34b38;
  --mega-amber:#f1b83d;
  --mega-lcd:#071108;
  --mega-green:#8dff91;
  --mega-ink:#12140f;
  --font-ui:"Arial Black",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  --font-mono:"Lucida Console",Consolas,"Courier New",monospace;
}

html{background:#0b0d09}
body{min-width:300px;color:#171914;background:
  radial-gradient(circle at 18% 11%,#ad3f2726 0 2px,transparent 3px),
  radial-gradient(circle at 79% 68%,#000b,transparent 32rem),
  repeating-linear-gradient(93deg,#181b15 0 2px,#0c0e0b 2px 7px,#21241c 7px 8px),#0c0f0b}
body::before{opacity:.42;background:repeating-linear-gradient(0deg,transparent 0 3px,#0007 3px 4px)}
body::after{opacity:.3;background:radial-gradient(circle,#a7552e66 0 1px,transparent 2px);background-size:117px 83px}

.mega-shell{width:min(100% - 18px,1160px);padding:clamp(9px,2vw,24px) 0 32px}
.mega-masthead{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px 17px;border:3px solid #161912;border-radius:5px;background:
  repeating-linear-gradient(95deg,#ffffff08 0 1px,transparent 1px 5px),linear-gradient(145deg,#a4a79b,#626758 52%,#373d31);box-shadow:0 5px 0 #20241c,0 12px 25px #000c,0 2px #eef0e5 inset,0 0 0 2px #52584a}
.mega-masthead::after{content:"";position:absolute;inset:8px;border:1px solid #20241c88;pointer-events:none}
.state-star{position:relative;z-index:1;display:grid;place-items:center;width:61px;height:61px;border:3px solid #38120e;color:#ffc345;background:radial-gradient(circle,#bc3628,#761a15 68%);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 94%,50% 72%,20% 94%,31% 56%,2% 35%,39% 34%);filter:drop-shadow(0 3px 1px #1d0b08) drop-shadow(0 0 5px #f04c2c66);font:900 23px/1 Arial}
.mega-title{position:relative;z-index:1;display:flex;align-items:baseline;gap:12px;min-width:0}.mega-title small,.mega-title em{font:900 7px/1.2 var(--font-mono);letter-spacing:.12em}.mega-title small{position:absolute;left:2px;top:-9px;color:#30342a}.mega-title strong{color:#171914;font:900 clamp(37px,7vw,74px)/.8 var(--font-ui);letter-spacing:-.055em;text-shadow:0 2px #d7d9ce,0 -2px #222}.mega-title em{color:#4c1511;font-style:normal}
.serial-plate{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;gap:2px 9px;padding:8px 10px;border:2px solid #252820;border-radius:3px;background:#c4c5bb;box-shadow:0 2px #fff inset,0 3px 7px #0007}.serial-plate small,.serial-plate i{font:800 6px/1 var(--font-mono);letter-spacing:.1em}.serial-plate b{font:900 18px/.85 var(--font-ui)}.serial-plate i{grid-column:1/-1;color:#691d18;font-style:normal}

.status-rail{display:flex;align-items:center;gap:14px;margin:9px 10px 7px;padding:7px 10px;border:2px solid #12150f;border-radius:3px;color:#1a1d17;background:linear-gradient(#777c6c,#484e40);box-shadow:0 2px #b8baaf inset,0 4px 10px #000a;font:900 6.5px/1 var(--font-mono);letter-spacing:.08em}.status-rail>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.lamp{display:inline-block;width:9px;height:9px;border:1px solid #111;border-radius:50%;background:#841a16;box-shadow:0 0 0 2px #55594e,0 2px 3px #000 inset}.lamp.live{background:#74ed73;box-shadow:0 0 0 2px #55594e,0 0 8px #75ff7a}.lamp.amber{background:#edaa2f;box-shadow:0 0 0 2px #55594e,0 0 7px #ffb632}
.lever-switch{display:flex;align-items:center;gap:5px;margin-left:auto;padding:0;border:0;color:#272b23;background:transparent;font:900 6px/1 var(--font-mono);letter-spacing:.07em;cursor:pointer}.lever-switch i{position:relative;width:34px;height:13px;border:2px solid #181b16;border-radius:2px;background:#171a15;box-shadow:0 2px 4px #000 inset}.lever-switch i b{position:absolute;top:1px;left:2px;width:12px;height:7px;border-radius:1px;background:#9d2c21;box-shadow:0 1px #ff7968 inset,0 0 6px #e13a2c;transition:left .18s}.lever-switch[aria-pressed="true"] i b{left:16px;background:#77e77d;box-shadow:0 1px #eaffeb inset,0 0 7px #72ff7b}

.mega-console{padding:clamp(11px,2.4vw,24px);border-radius:7px;background:
  radial-gradient(circle at 12px 12px,#11140f 0 4px,#b5b7aa 4.5px 5.5px,#383d31 6px 7px,transparent 7.5px),
  radial-gradient(circle at calc(100% - 12px) 12px,#11140f 0 4px,#b5b7aa 4.5px 5.5px,#383d31 6px 7px,transparent 7.5px),
  repeating-linear-gradient(95deg,#fff08 0 1px,transparent 1px 5px),linear-gradient(145deg,#888d7b,#565c4d 44%,#353b30 78%,#646a59);box-shadow:0 24px 55px #000e,0 0 0 3px #252a21,0 0 0 6px #090b08,0 2px #e6e8dc inset}
.mega-console::after{display:none}
.command-deck{padding:12px;border:2px solid #1c2019;border-radius:5px;background:linear-gradient(145deg,#a2a59a,#686d5f);box-shadow:0 2px #e1e2d9 inset,0 7px 14px #0007}
.panel-label{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;margin:-4px 0 10px;color:#1a1d17}.panel-label>span,.module-number{display:grid;place-items:center;width:29px;height:22px;border:2px solid #2d100c;border-radius:2px;color:#ffd877;background:#8f281f;box-shadow:0 2px 0 #4d1712,0 1px #ef7b6d inset;font:900 10px/1 var(--font-ui)}.panel-label b{font:900 10px/1 var(--font-ui);letter-spacing:.05em}.panel-label small{font:800 6px/1 var(--font-mono);letter-spacing:.08em}

.machine-module{margin-top:11px;border:3px solid #171a14;border-radius:4px;background:#4d5345;box-shadow:0 4px 0 #25291f,0 9px 18px #0008,0 1px #ccd0c2 inset;overflow:hidden}
.machine-module>summary{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:50px;padding:7px 10px;color:#191c17;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 4px),linear-gradient(#a7aa9f,#6e7464 58%,#555b4d);cursor:pointer;list-style:none;user-select:none}.machine-module>summary::-webkit-details-marker{display:none}.machine-module>summary span:nth-child(2){display:grid;gap:3px}.machine-module>summary b{font:900 10px/1 var(--font-ui);letter-spacing:.055em}.machine-module>summary small{font:800 6.5px/1 var(--font-mono);letter-spacing:.08em;color:#383d33}.machine-module>summary>i{position:relative;width:25px;height:25px;border:2px solid #1d211a;border-radius:3px;background:linear-gradient(#d4d5ce,#858a7b);box-shadow:0 3px 0 #41463a,0 1px #fff inset}.machine-module>summary>i::before,.machine-module>summary>i::after{content:"";position:absolute;left:6px;right:6px;top:11px;height:2px;background:#23271f}.machine-module>summary>i::after{transform:rotate(90deg);transition:transform .18s}.machine-module[open]>summary>i::after{transform:rotate(0)}.machine-module[open]>summary{box-shadow:0 -2px #2228 inset}.module-body{padding:10px;background:repeating-linear-gradient(95deg,#fff07 0 1px,transparent 1px 5px),linear-gradient(145deg,#777d6c,#4b5144)}

.workbench,.colour-dock{margin:0;border-color:#20241c;border-radius:4px;background:linear-gradient(145deg,#919588,#5f6556);box-shadow:0 0 0 2px #383d32,0 1px #daddd1 inset,0 7px 15px #0006}.workbench{padding:12px}.colour-dock{padding:12px}
.gradient-label,.tube-hint{color:#20241d;text-shadow:0 1px #bfc2b7}.gradient-bar{height:48px;border:3px solid #11150f;border-radius:5px;box-shadow:0 0 0 3px #52584b,0 0 0 5px #171b15,0 7px 15px #000 inset,0 0 12px #78ff7f2d}.tube-add-button{border-radius:4px;color:#1a1d17;background:linear-gradient(#d5d6ce,#858a7d 53%,#555b4e)}
.delete-zone{border:2px dashed #6d201a;color:#ffd1c8;background:#3b1512;text-shadow:0 0 5px #ff5744}.delete-zone.drag-active{background:#791f19;box-shadow:0 0 13px #ff4b38 inset}
.mega-tool-row{display:flex;justify-content:space-between}.history-tools,.order-tools{display:flex;gap:6px}.tool-button,.palette-menu-button{border-radius:3px}

.subassembly{margin-top:12px;border:2px solid #262a22;border-radius:4px;background:#5e6455;box-shadow:0 1px #bec1b5 inset,0 5px 10px #0005}.subassembly>summary{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;color:#171a15;background:linear-gradient(#858a7c,#646a5a);cursor:pointer;list-style:none}.subassembly>summary::-webkit-details-marker{display:none}.subassembly>summary b{font:900 8px/1 var(--font-ui);letter-spacing:.06em}.subassembly>summary small{font:800 6px/1 var(--font-mono);letter-spacing:.07em}.subassembly-controls{display:flex;align-items:center;gap:10px;padding:9px;border-top:1px solid #30352b}.subassembly-controls button,.profile-console button,.raw-console button{min-height:34px;border:1px solid #1c2019;border-radius:3px;color:#191c17;background:linear-gradient(#d1d2ca,#82877a 55%,#555b4e);box-shadow:0 3px 0 #383d32,0 1px #fff inset;cursor:pointer;font:900 7px/1 var(--font-ui);letter-spacing:.05em}.subassembly-controls span{font:700 6px/1.35 var(--font-mono)}
.stop-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:9px;padding:0 9px 10px}.stop-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;padding:9px;border:2px solid #24281f;border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0 3px,#63ff7808 3px 4px),linear-gradient(145deg,#454b3f,#2d3229);box-shadow:0 3px 0 #20241d,0 1px #889080 inset}.stop-card.selected{border-color:#f0c853;box-shadow:0 0 0 2px #6d541a,0 3px 0 #20241d,0 0 14px #ffce4770}.stop-card.locked::after{content:"LOCKED";position:absolute;right:8px;top:7px;color:#ffdc79;font:900 6px/1 var(--font-mono);letter-spacing:.08em}.stop-card-swatch{display:grid;place-items:center;width:44px;height:44px;border:3px solid #171a15;border-radius:4px;background:var(--card-colour);box-shadow:0 0 0 2px #9b9e93,0 3px 7px #000 inset;cursor:pointer}.stop-card-swatch b{color:#fff;text-shadow:0 1px 3px #000;font:900 9px/1 var(--font-ui)}.stop-card-main{display:grid;gap:7px}.stop-card-head{display:flex;align-items:center;justify-content:space-between;padding-right:42px}.stop-card-head b{color:var(--mega-green);font:900 8px/1 var(--font-mono);text-shadow:0 0 5px #65ff76}.stop-card-head small{color:#a8b0a1;font:700 6px/1 var(--font-mono)}.stop-card-inputs{display:grid;grid-template-columns:92px 1fr;gap:7px}.stop-card input[type="text"]{min-width:0;height:34px;padding:0 7px;border:2px solid #161a14;border-radius:3px;color:var(--mega-green);background:var(--mega-lcd);box-shadow:0 3px 6px #000 inset;text-transform:uppercase;font:800 10px/1 var(--font-mono);text-shadow:0 0 5px #64ff73}.stop-card input[type="range"]{width:100%;accent-color:#8bdc82}.stop-card-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.stop-card-actions button{min-height:29px;border:1px solid #171a15;border-radius:3px;color:#171a15;background:linear-gradient(#c6c8bf,#747a6c);box-shadow:0 2px 0 #32372d,0 1px #fff inset;cursor:pointer;font:900 6px/1 var(--font-ui)}.stop-card-actions button[aria-pressed="true"]{color:#fff2b6;background:linear-gradient(#9b392d,#5f1c17);box-shadow:0 1px #31100d,0 0 8px #f05e42}.stop-card-actions button.danger{color:#ffd5ce;background:linear-gradient(#8b3027,#4a1915)}.stop-card-actions button:disabled,.stop-card input:disabled{opacity:.35;cursor:not-allowed}

.mana-button{border-radius:4px}.preset-button,.palette-button{border-radius:3px}.identity-readout{border-color:#30342b}.preset-context{color:var(--mega-green);background:var(--mega-lcd);border:2px solid #23271f;box-shadow:0 3px 7px #000 inset;text-shadow:0 0 5px #63ff73}

.profile-console{display:grid;gap:10px}.profile-entry{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:end;gap:8px}.profile-entry label{grid-column:1/-1;font:900 7px/1 var(--font-mono);letter-spacing:.1em}.profile-entry input{height:39px;padding:0 10px;border:3px solid #20241c;border-radius:3px;color:var(--mega-green);background:var(--mega-lcd);box-shadow:0 3px 8px #000 inset;font:800 11px/1 var(--font-mono);text-transform:uppercase}.profile-entry button{padding-inline:14px}.profile-actions{display:flex;align-items:center;gap:8px}.profile-actions button{padding:0 12px}.profile-actions span{margin-left:auto;color:#22261e;font:800 6px/1.25 var(--font-mono)}.profile-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.profile-empty{padding:18px;border:2px dashed #33382d;text-align:center;font:800 7px/1.4 var(--font-mono)}.profile-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px;border:2px solid #24281f;border-radius:4px;background:linear-gradient(145deg,#474d40,#30352b);box-shadow:0 3px 0 #22261e}.profile-card>button.load-profile{display:grid;gap:5px;min-width:0;padding:8px;border:2px solid #172018;color:var(--mega-green);background:repeating-linear-gradient(0deg,transparent 0 3px,#5cff7308 3px 4px),var(--mega-lcd);box-shadow:0 3px 7px #000 inset;text-align:left}.profile-card strong{overflow:hidden;text-overflow:ellipsis;font:900 9px/1 var(--font-mono);white-space:nowrap}.profile-card small{color:#50a85b;font:700 6px/1.3 var(--font-mono)}.profile-card-controls{display:grid;grid-template-columns:repeat(2,34px);gap:5px}.profile-card-controls button{min-height:31px;padding:0}.profile-card-controls .delete-profile{color:#ffd4cd;background:linear-gradient(#863129,#471714)}

.diagnostic-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:10px}.raw-console,.diagnostic-console{padding:10px;border:2px solid #252a21;border-radius:4px;background:linear-gradient(#686e5e,#4d5346);box-shadow:0 1px #bfc2b7 inset}.raw-console header,.diagnostic-console header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font:900 8px/1 var(--font-ui);letter-spacing:.07em}.raw-console button{padding:0 10px}.raw-console textarea{width:100%;min-height:126px;resize:vertical;padding:10px;border:3px solid #181c16;border-radius:3px;color:var(--mega-green);background:repeating-linear-gradient(0deg,transparent 0 3px,#5cff7309 3px 4px),var(--mega-lcd);box-shadow:0 5px 10px #000 inset;font:800 10px/1.5 var(--font-mono);text-shadow:0 0 5px #64ff74}.diagnostic-console dl{display:grid;grid-template-columns:1fr auto;margin:0;border:2px solid #191d17;background:var(--mega-lcd);box-shadow:0 4px 9px #000 inset}.diagnostic-console dt,.diagnostic-console dd{margin:0;padding:7px 8px;border-bottom:1px solid #18371d;color:#57ad61;font:700 7px/1 var(--font-mono)}.diagnostic-console dd{color:var(--mega-green);text-align:right;text-shadow:0 0 5px #6fff79}.diagnostic-console dt:last-of-type,.diagnostic-console dd:last-of-type{border-bottom:0}

.stop-editor{border-color:#1a1d17;border-radius:5px;background:linear-gradient(145deg,#929589,#5a6051);box-shadow:0 0 0 4px #353a30,0 24px 60px #000e}.stop-editor header{background:linear-gradient(#858a7c,#5b6152)}.prismatic-name-sheet{border-color:#1a1e17;background:linear-gradient(145deg,#909487,#555b4e)}
.mega-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 10px 0;color:#899080;font:800 6px/1.2 var(--font-mono);letter-spacing:.08em}

@media(max-width:760px){
  .mega-masthead{grid-template-columns:53px minmax(0,1fr)}.state-star{width:47px;height:47px}.serial-plate{display:none}.mega-title{display:grid;gap:4px}.mega-title small{position:static}.mega-title strong{font-size:44px}.mega-title em{font-size:6px}
  .status-rail{flex-wrap:wrap}.status-rail>span:nth-child(2),.status-rail>span:nth-child(3){display:none}.lever-switch{margin-left:auto}
  .machine-module>summary{grid-template-columns:32px minmax(0,1fr) 27px}.machine-module>summary b{font-size:8px}.machine-module>summary small{font-size:5.7px}
  .diagnostic-grid{grid-template-columns:1fr}.profile-entry{grid-template-columns:1fr}.profile-entry button{min-height:41px}.profile-actions{flex-wrap:wrap}.profile-actions span{width:100%;margin:0}
}

@media(max-width:430px){
  .mega-shell{width:calc(100% - 10px)}.mega-console{padding:8px}.command-deck{padding:8px}.panel-label{grid-template-columns:29px 1fr}.panel-label small{display:none}
  .copy-style-row{grid-template-columns:minmax(0,1fr) 68px}.mega-tool-row{align-items:stretch;gap:5px}.history-tools,.order-tools{gap:4px}.tool-button{min-width:44px}.tool-button span{font-size:5px}
  .module-body{padding:6px}.workbench,.colour-dock{padding:8px}.subassembly-controls{align-items:stretch;flex-direction:column}.stop-card-grid{grid-template-columns:1fr;padding-inline:6px}.stop-card{grid-template-columns:42px minmax(0,1fr)}.stop-card-swatch{width:40px;height:40px}.stop-card-inputs{grid-template-columns:87px 1fr}
  .profile-list{grid-template-columns:1fr}.mega-footer{display:grid;text-align:center}.mega-footer span:nth-child(2){display:none}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.stop-card.stage-dormant{filter:saturate(.45);opacity:.62}
.bar-marker.locked:not(.anchor) span{border-radius:4px;box-shadow:0 0 0 2px #10140f,0 0 0 4px #f1c55b,0 3px 8px #000b,0 0 12px var(--stop-colour)}
.profile-actions span.error{color:#741d17;text-shadow:0 1px #c5a09b}