/* MEGURU OVERDRIVE — contest visual layer */
:root {
  --od-black: #050807;
  --od-panel: rgba(7, 15, 13, .88);
  --od-panel-2: rgba(14, 28, 24, .82);
  --od-lime: #baff21;
  --od-cyan: #00e5ff;
  --od-orange: #ff5a1f;
  --od-pink: #ff2ca8;
  --od-white: #f5ffe9;
}

body {
  background: var(--od-black);
}

.topbar {
  border-bottom: 1px solid rgba(186,255,33,.35);
  color: var(--od-white);
  background: rgba(3, 7, 6, .92);
  box-shadow: 0 0 30px rgba(0,0,0,.6);
}

.brand-mark {
  background: var(--od-lime);
  box-shadow: 0 0 22px rgba(186,255,33,.35);
}

.brand-mark svg { stroke: var(--od-black); }
.brand small { color: #75958a; }
.chapter-progress i { background: rgba(186,255,33,.22); }
.chapter-dot { border-color: rgba(186,255,33,.35); color:#7f978e; }
.chapter-dot.is-active,
.chapter-dot.is-done { border-color:var(--od-lime); color:var(--od-black); background:var(--od-lime); box-shadow:0 0 18px rgba(186,255,33,.35); }
.collection-button { border-color:var(--od-lime); color:var(--od-white); background:rgba(186,255,33,.06); }
.collection-button b { color:var(--od-lime); }
.best-score { color:#7a978d; }.best-score strong { color:var(--od-white); }
.icon-button { border-color:rgba(186,255,33,.35); }

.primary-button {
  position:relative;
  overflow:hidden;
  border:1px solid var(--od-lime);
  border-radius:0;
  color:var(--od-black);
  background:var(--od-lime);
  box-shadow:7px 7px 0 rgba(0,229,255,.35), 0 0 30px rgba(186,255,33,.15);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.primary-button::before {
  position:absolute;
  top:-80%;
  bottom:-80%;
  left:-45%;
  width:25%;
  content:"";
  background:rgba(255,255,255,.65);
  transform:skewX(-22deg);
  left:auto;
  right:12%;
  opacity:.22;
  animation:none;
}

@keyframes button-swipe { 0%,65%{left:-45%} 85%,100%{left:135%} }
.primary-button:hover { box-shadow:11px 11px 0 rgba(255,44,168,.42), 0 0 35px rgba(186,255,33,.3); }
.primary-button.orange { border-color:var(--od-orange); color:var(--od-white); background:var(--od-orange); }
.primary-button.blue { border-color:var(--od-cyan); color:var(--od-black); background:var(--od-cyan); }

/* Title — maximal key art */
.title-screen {
  color:var(--od-white);
  background-color:var(--od-black);
  background-image:url("assets/wte-night-city.webp");
  background-position:center;
  background-size:cover;
}

.title-screen::before {
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,rgba(2,5,5,.98) 0%,rgba(2,5,5,.9) 32%,rgba(2,5,5,.28) 62%,rgba(2,5,5,.08) 100%);
  clip-path:none;
}

.title-screen::after {
  position:absolute;
  z-index:1;
  inset:0;
  content:"";
  pointer-events:none;
  opacity:.17;
  background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(186,255,33,.18) 4px);
  background-size:100% 6px;
  animation:scanlines 12s linear infinite;
}

@keyframes scanlines { to { background-position:0 120px; } }
.title-copy { z-index:3; padding-left:clamp(12px,2vw,32px); }
.title-copy::before {
  position:absolute;
  top:6%;
  bottom:9%;
  left:0;
  width:4px;
  content:"";
  background:var(--od-lime);
  box-shadow:10px 0 0 var(--od-cyan), 20px 0 0 rgba(255,44,168,.5);
}
.title-copy .eyebrow { color:var(--od-cyan); text-shadow:0 0 12px rgba(0,229,255,.65); }
.title-screen h1 {
  color:var(--od-white);
  font-size:clamp(52px,6.2vw,94px);
  line-height:1.02;
  text-shadow:5px 5px 0 rgba(0,229,255,.3),-3px -3px 0 rgba(255,44,168,.18),0 0 35px rgba(0,0,0,.9);
  animation:title-chroma 5s steps(1) infinite;
}
.title-screen h1 em { color:var(--od-lime); text-shadow:0 0 25px rgba(186,255,33,.38); }
@keyframes title-chroma { 0%,94%,100%{transform:none} 95%{transform:translateX(3px);filter:hue-rotate(25deg)} 96%{transform:translateX(-2px)} 97%{transform:none} }
.title-lead { color:#c2d5ce; }
.love-preview { border-color:rgba(0,229,255,.35); background:rgba(5,13,11,.78); box-shadow:inset 0 0 20px rgba(0,229,255,.04); }
.love-meter { background:#1a2a26; }.love-meter i { background:var(--od-orange); box-shadow:0 0 12px var(--od-orange); }
.love-preview>strong { color:var(--od-orange); }
.hype-tags { display:flex; gap:7px; margin:-9px 0 20px; }
.hype-tags span { padding:5px 7px; border:1px solid rgba(0,229,255,.4); color:var(--od-cyan); background:rgba(0,229,255,.06); font-size:7px; font-weight:800; letter-spacing:.1em; }
.hero-visual { display:none; }
.mode-preview { z-index:4; width:54%; background:rgba(3,8,7,.94); border-top:1px solid rgba(186,255,33,.3); }
.mode-preview span { color:var(--od-lime); }.mode-preview small { color:#759187; }
.microcopy { color:#7c9a8f; }

/* Shared dark scenes */
.design-screen,.build-screen,.operate-screen,.result-screen {
  color:var(--od-white);
  background:#07100e;
  background-image:radial-gradient(circle at 80% 10%,rgba(0,229,255,.1),transparent 30%),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(186,255,33,.025) 80px);
}
.scene-heading p { color:#829d93; }
.scene-kpi { border-color:var(--od-lime); background:rgba(6,14,12,.55); }
.scene-kpi small,.scene-kpi span { color:#79958a; }.scene-kpi strong { color:var(--od-white); text-shadow:0 0 18px rgba(186,255,33,.25); }
.chapter-label { color:var(--od-lime); }.chapter-label.orange { color:var(--od-orange); }.chapter-label.blue { color:var(--od-cyan); }
.legacy-design { display:none!important; }

/* Design draft game */
.overdrive-design {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr);
  gap:18px;
  max-width:1400px;
  margin:0 auto;
}

.draft-plant-card,.draft-console {
  border:1px solid rgba(186,255,33,.3);
  background:var(--od-panel);
  box-shadow:0 25px 70px rgba(0,0,0,.45),inset 0 0 50px rgba(0,229,255,.025);
}
.draft-plant-card { display:grid; grid-template-columns:1.35fr .65fr; grid-template-rows:minmax(360px,1fr) auto auto; min-height:610px; }
.draft-visual {
  position:relative;
  grid-row:1/2;
  overflow:hidden;
  background-image:linear-gradient(180deg,transparent 40%,rgba(3,8,7,.75)),url("assets/wte-process-cutaway.webp");
  background-position:center;
  background-size:cover;
}
.draft-visual::after { position:absolute; inset:0; content:""; box-shadow:inset 0 0 100px #020706; pointer-events:none; }
.draft-scan { position:absolute; z-index:2; right:0; left:0; height:4px; background:var(--od-cyan); box-shadow:0 0 22px var(--od-cyan); opacity:.65; animation:draft-scan 3.5s ease-in-out infinite alternate; }
@keyframes draft-scan { from{top:8%} to{top:91%} }
.round-stamp { position:absolute; z-index:3; top:18px; left:18px; padding:10px 12px; border-left:3px solid var(--od-lime); background:rgba(2,7,6,.8); }
.round-stamp small,.round-stamp b { display:block; }.round-stamp small{color:#79978c;font-size:7px;letter-spacing:.13em}.round-stamp b{margin-top:3px;font-size:13px}.round-stamp span{color:var(--od-lime);font-size:20px}
.draft-callout { position:absolute; z-index:3; padding:5px 7px; border:1px solid var(--od-cyan); color:var(--od-cyan); background:rgba(2,7,6,.78); font-size:7px; font-weight:800; letter-spacing:.08em; animation:callout-pulse 2s ease-in-out infinite; }
.draft-callout::after { position:absolute; content:""; width:55px; height:1px; background:var(--od-cyan); transform-origin:left; }
.callout-a{top:55%;left:7%}.callout-a::after{top:-15px;left:100%;transform:rotate(-18deg)}.callout-b{top:28%;left:45%}.callout-b::after{top:22px;left:60%;transform:rotate(35deg)}.callout-c{top:18%;right:4%}.callout-c::after{right:100%;top:50%;transform:rotate(180deg)}
@keyframes callout-pulse{50%{box-shadow:0 0 14px rgba(0,229,255,.35)}}
.plant-specs { grid-column:2; grid-row:1/2; padding:25px 20px; border-left:1px solid rgba(186,255,33,.18); background:rgba(4,10,9,.88); }
.spec-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.1); font-size:8px; letter-spacing:.1em; }
.spec-title b { color:var(--od-lime); }
.spec-row { display:grid; grid-template-columns:62px 1fr 28px; gap:10px; align-items:center; margin:23px 0; }
.spec-row>span { color:#91aaa1; font-family:"Noto Sans JP"; font-size:8px; }
.spec-row>div { height:7px; background:#17241f; transform:skewX(-18deg); }
.spec-row i { display:block; width:40%; height:100%; background:var(--spec-color,var(--od-lime)); box-shadow:0 0 12px var(--spec-color,var(--od-lime)); transition:width .45s cubic-bezier(.2,.9,.2,1); }
.spec-row:nth-child(3){--spec-color:var(--od-cyan)}.spec-row:nth-child(4){--spec-color:var(--od-orange)}.spec-row:nth-child(5){--spec-color:var(--od-pink)}
.spec-row>b { color:var(--od-white); font-size:14px; text-align:right; }
.installed-system { grid-column:1/3; display:grid; grid-template-columns:120px 1fr; gap:10px; align-items:center; padding:13px 18px; border-top:1px solid rgba(186,255,33,.18); }
.installed-system>span,.synergy-console>span { color:#78958a; font-size:7px; font-weight:800; letter-spacing:.13em; }
#installed-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
#installed-cards i { padding:9px; border:1px dashed #31453e; color:#52665f; font-size:8px; font-style:normal; text-align:center; }
#installed-cards i.is-installed { border-style:solid; border-color:var(--od-lime); color:var(--od-white); background:rgba(186,255,33,.08); animation:install-pop .35s cubic-bezier(.17,.89,.32,1.6); }
@keyframes install-pop { from{transform:scale(.65) rotate(-3deg);opacity:0} }
.synergy-console { grid-column:1/3; display:flex; gap:16px; align-items:center; padding:12px 18px; border-top:1px solid rgba(255,255,255,.08); background:#020605; }
.synergy-console b { color:var(--od-cyan); font-family:"Noto Sans JP"; font-size:9px; }
.synergy-console.is-active b { color:var(--od-lime); text-shadow:0 0 12px rgba(186,255,33,.5); animation:synergy-flash .6s ease-out; }
@keyframes synergy-flash { 50%{letter-spacing:.12em;filter:brightness(1.8)} }

.draft-console { display:flex; flex-direction:column; padding:22px; }
.draft-console-head { display:flex; justify-content:space-between; padding:12px; border:1px solid rgba(0,229,255,.3); background:#020706; }
.draft-console-head small,.draft-console-head strong { display:block; }.draft-console-head small{color:#6f9185;font-size:7px;letter-spacing:.1em}.draft-console-head strong{margin-top:2px;font-size:20px}.draft-console-head strong span{color:var(--od-cyan)}.draft-console-head>div:last-child{text-align:right}.draft-console-head>div:last-child strong{color:var(--od-orange)}
.draft-mission { padding:22px 2px 14px; }.draft-mission>span{color:var(--od-lime);font-size:7px;font-weight:800;letter-spacing:.16em}.draft-mission h3{margin:8px 0 7px;font-family:"Noto Sans JP";font-size:22px}.draft-mission p{margin:0;color:#799088;font-size:9px;line-height:1.6}
.draft-help{margin:0 0 14px;border:1px solid rgba(0,229,255,.38);background:rgba(0,229,255,.06)}
.draft-help summary{min-height:48px;padding:13px 15px;color:#eaffff;cursor:pointer;font-size:14px;font-weight:900;line-height:1.4;list-style-position:inside}
.draft-help summary::marker{color:var(--od-cyan)}
.draft-help>div{display:grid;gap:8px;padding:0 14px 14px}
.draft-help p{display:grid;grid-template-columns:86px minmax(0,1fr);gap:9px;margin:0;padding:9px;border-left:3px solid var(--od-cyan);color:#b8cec6;background:rgba(255,255,255,.04);font-size:13px;line-height:1.55}
.draft-help p b{color:var(--od-lime)}
.draft-cards { display:grid; gap:8px; margin-bottom:15px; }
.draft-card { position:relative; display:grid; grid-template-columns:50px 1fr auto; gap:12px; align-items:center; width:100%; min-height:92px; padding:10px; border:1px solid #283b34; color:var(--od-white); overflow:hidden; background:#0b1714; cursor:pointer; text-align:left; transition:.15s; }
.draft-card::after { position:absolute; right:-22px; width:80px; height:80px; content:""; border:14px solid var(--card-color,var(--od-cyan)); border-radius:50%; opacity:.07; }
.draft-card:hover:not(:disabled) { border-color:var(--card-color,var(--od-cyan)); transform:translateX(-4px); box-shadow:7px 0 0 rgba(0,229,255,.18); }
.draft-card.is-selected { border-color:var(--od-lime); background:rgba(186,255,33,.1); box-shadow:7px 7px 0 rgba(186,255,33,.17); }
.draft-plant-card.is-design-complete { outline:3px solid var(--od-lime); outline-offset:-3px; }
.draft-card:disabled { opacity:.28; cursor:not-allowed; }
.draft-card-icon { display:grid; width:48px; height:48px; place-items:center; border:2px solid var(--card-color,var(--od-cyan)); color:var(--card-color,var(--od-cyan)); background:#030807; font-size:17px; font-weight:900; }
.draft-card b,.draft-card small{display:block}.draft-card b{font-family:"Noto Sans JP";font-size:11px}.draft-card small{margin-top:4px;color:#729084;font-size:8px}.draft-card-cost{position:relative;z-index:2;color:var(--od-orange);font-size:11px;font-weight:800;text-align:right}.draft-card-cost span{display:block;color:#687b74;font-size:6px}
.draft-confirm { width:100%; margin-top:auto; }

/* Build rush */
.build-screen { background-image:radial-gradient(circle at 50% 15%,rgba(255,90,31,.12),transparent 32%),repeating-linear-gradient(135deg,transparent 0,transparent 24px,rgba(255,90,31,.025) 25px); }
.model-kit-panel { border-color:rgba(255,90,31,.5); background:#080d0c; box-shadow:0 30px 90px rgba(0,0,0,.65); }
.model-kit-cover { background:#050807; }.model-kit-cover::before{border-color:rgba(186,255,33,.2)}
.model-diorama { background-image:linear-gradient(180deg,rgba(3,8,7,.12),rgba(3,8,7,.7)),url("assets/wte-model-lab.webp"); background-position:center; background-size:cover; }
.model-diorama::after,.model-sky { display:none; }
.model-base { bottom:8%; border-color:var(--od-cyan); background:rgba(5,12,10,.62); box-shadow:0 0 35px rgba(0,229,255,.22); backdrop-filter:blur(2px); }
.model-base::before{background:var(--od-lime);box-shadow:0 0 12px var(--od-lime)}
.model-slot { border-color:rgba(0,229,255,.55); color:rgba(0,229,255,.55); background:rgba(0,229,255,.07); }
.model-slot.is-installed { border-color:var(--od-lime); box-shadow:0 0 22px rgba(186,255,33,.35); filter:saturate(1.4); }
.model-runner-panel { color:var(--od-white); background:#07100e; }.model-runner{border-color:#394d45;background:#111c18}.model-runner::before,.model-runner::after{background:#394d45}.model-runner button{border-color:#3d5149;color:var(--od-white);background:#0d1915}.model-runner button.is-next{outline-color:var(--od-lime);box-shadow:0 0 22px rgba(186,255,33,.45);animation:next-part 1s ease-in-out infinite}.model-runner button:disabled{opacity:.18}
@keyframes next-part{50%{filter:brightness(1.4);transform:translateY(-3px)}}
.model-rush-hud { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; margin-bottom:12px; padding:9px; border:1px solid rgba(255,90,31,.35); background:#020605; }
.model-rush-hud small,.model-rush-hud strong{display:block}.model-rush-hud small{color:#7e938b;font-size:6px}.model-rush-hud strong{color:var(--od-orange);font-size:15px}.rush-timer{height:7px;background:#26332e}.rush-timer i{display:block;width:100%;height:100%;background:var(--od-orange);box-shadow:0 0 12px var(--od-orange);transition:width .1s linear}.model-rush-hud>b{color:var(--od-white);font-size:12px}
.model-rush-start { width:100%; margin-top:10px; }
.model-rush-start[hidden],.model-complete-button[hidden]{display:none!important}
.factory-stage { border-color:rgba(0,229,255,.35); background:#050807; }.factory-window{background-image:linear-gradient(rgba(2,6,5,.42),rgba(2,6,5,.65)),url("assets/wte-process-cutaway.webp");background-position:center;background-size:cover}.precision-panel{color:var(--od-white);border-color:rgba(0,229,255,.3);background:var(--od-panel)}.build-instruction{background:#0c1a16}.build-instruction p{color:#7e978d}.timing-display{border-color:rgba(255,255,255,.12)}.timing-bar{border-color:var(--od-white);background:#18241f}.timing-needle{background:var(--od-white);box-shadow:0 0 14px var(--od-white)}

/* Operate arcade */
.operate-screen { background-image:radial-gradient(circle at 20% 20%,rgba(0,229,255,.1),transparent 30%),repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(0,229,255,.025) 40px); }
.operation-layout { grid-template-columns:minmax(0,1.7fr) minmax(320px,.56fr); }
.plant-monitor { position:relative; border-color:rgba(0,229,255,.45); background:#020706; box-shadow:0 0 70px rgba(0,229,255,.08); }
.monitor-topline { border-color:rgba(0,229,255,.2); background:#020605; }
.arcade-hud { display:grid; grid-template-columns:.7fr .7fr 1.2fr; border-bottom:1px solid rgba(0,229,255,.2); background:rgba(3,9,7,.98); }
.arcade-hud>div { padding:12px 16px; border-right:1px solid rgba(255,255,255,.08); }.arcade-hud small{display:block;color:#67887b;font-size:6px;letter-spacing:.13em}.arcade-hud strong{display:block;margin-top:2px;font-size:22px;line-height:1}.run-score strong{color:var(--od-white);font-variant-numeric:tabular-nums}.run-combo{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.run-combo small{grid-column:1/3}.run-combo strong{color:var(--od-orange);font-size:29px}.run-combo b{align-self:end;color:var(--od-lime);font-size:7px;letter-spacing:.1em}.run-combo.is-hot strong{animation:combo-pop .3s ease-out;text-shadow:0 0 18px var(--od-orange)}@keyframes combo-pop{50%{transform:scale(1.28) rotate(-3deg)}}
.charge-unit { display:grid; grid-template-columns:1fr auto; align-items:end; }.charge-unit small{grid-column:1/3}.charge-unit>div{height:9px;margin-top:7px;background:#17251f;transform:skewX(-16deg)}.charge-unit i{display:block;width:0;height:100%;background:var(--od-cyan);box-shadow:0 0 15px var(--od-cyan);transition:width .25s}.charge-unit>b{margin-left:10px;color:var(--od-cyan);font-size:11px}.charge-unit.is-full i{background:var(--od-lime);box-shadow:0 0 20px var(--od-lime);animation:charge-pulse .6s ease-in-out infinite alternate}@keyframes charge-pulse{to{filter:brightness(1.8)}}
.incident-banner { display:flex; gap:12px; align-items:center; padding:8px 15px; border-bottom:1px solid rgba(186,255,33,.2); color:#84a096; background:#091510; }
.incident-banner span{padding:4px 6px;color:var(--od-black);background:var(--od-lime);font-size:6px;font-weight:900;letter-spacing:.1em}.incident-banner b{font-family:"Noto Sans JP";font-size:8px}.incident-banner small{margin-left:auto;color:var(--od-lime);font-size:7px;font-weight:800}.incident-banner.is-danger{border-color:var(--od-orange);background:rgba(255,90,31,.11)}.incident-banner.is-danger span{background:var(--od-orange)}.incident-banner.is-danger b{color:#ffb28f}.incident-banner.is-danger small{color:var(--od-orange);animation:blink .5s steps(1) infinite}@keyframes blink{50%{opacity:.25}}
.plant-diagram { min-height:430px; background-image:linear-gradient(rgba(2,8,6,.5),rgba(2,8,6,.78)),url("assets/wte-process-cutaway.webp"); background-position:center; background-size:cover; }
.plant-diagram::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(0,229,255,.11) 50%,transparent 100%);transform:translateX(-100%);animation:energy-sweep 4s linear infinite}@keyframes energy-sweep{to{transform:translateX(100%)}}
.op-module { min-height:160px; border-color:rgba(255,255,255,.28); background:rgba(3,10,8,.78); backdrop-filter:blur(5px); box-shadow:8px 8px 0 rgba(0,0,0,.4),inset 0 0 25px rgba(0,229,255,.035); }
.op-module b { text-shadow:0 0 16px currentColor; }.flow-arrow{background:rgba(0,229,255,.25)}.flow-arrow::after{border-left-color:var(--od-lime)}.flow-arrow i{background:var(--od-lime);box-shadow:0 0 10px var(--od-lime)}
.status-strip { background:#020605; }.status-strip div{border-color:rgba(255,255,255,.08)}
.control-room { border-color:rgba(0,229,255,.3); color:var(--od-white); background:#07110e; }.control-title{background:#020605}.control-group{border-color:rgba(255,255,255,.09)}.control-group label b{color:var(--od-white)}.control-group output{color:var(--od-cyan)}.range-labels{color:#607a70}input[type="range"]{background:#26352f}input[type="range"]::-webkit-slider-thumb{border-color:#06100d;background:var(--od-cyan);box-shadow:0 0 14px var(--od-cyan)}
.command-deck { margin:10px 18px; padding:12px; border:1px solid rgba(255,90,31,.28); background:#020605; }.command-deck .card-label{margin-bottom:9px;color:#7f968d}.command-deck>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.command-deck button{min-height:70px;padding:6px;border:1px solid #31483e;color:var(--od-white);background:#0b1914;cursor:pointer;transition:.15s}.command-deck button:hover:not(:disabled){border-color:var(--od-lime);transform:translateY(-3px);box-shadow:0 5px 0 rgba(186,255,33,.16)}.command-deck button span,.command-deck button b,.command-deck button small{display:block}.command-deck button span{color:var(--od-orange);font-size:7px;font-weight:900;letter-spacing:.08em}.command-deck button b{margin:4px 0;font-family:"Noto Sans JP";font-size:8px}.command-deck button small{color:#6e887d;font-size:6px}.command-deck button:disabled{opacity:.25;cursor:not-allowed}.command-deck button.is-active{border-color:var(--od-cyan);background:rgba(0,229,255,.1);box-shadow:inset 0 0 18px rgba(0,229,255,.12)}
.event-card { color:var(--od-white); background:#0b1b16; }.event-card.is-warning{background:rgba(255,90,31,.14)}.event-card p{color:#8ba198}.event-icon{background:var(--od-cyan)}
.operate-screen.screen-shake { animation:screen-shake .24s linear; }@keyframes screen-shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.score-burst { position:absolute; z-index:20; left:50%; top:47%; color:var(--od-lime); font-size:32px; font-weight:900; text-shadow:0 0 15px var(--od-lime),4px 4px 0 #000; pointer-events:none; animation:score-burst .8s ease-out forwards; }@keyframes score-burst{to{opacity:0;transform:translateY(-90px) scale(1.25)}}

/* Dialogs and result */
.decision-dialog { border-color:var(--od-lime); color:var(--od-white); background:#08110e; box-shadow:18px 18px 0 rgba(186,255,33,.15),0 0 80px rgba(0,0,0,.8); }.decision-visual{background:#0b211a}.decision-content h3{color:var(--od-white)}.decision-content>p:not(.card-label){color:#84a095}.decision-choice{border-color:#294139;color:var(--od-white);background:#0d1b17}.decision-choice:hover{border-color:var(--od-lime);box-shadow:5px 5px 0 rgba(186,255,33,.25)}.real-wte-note{border-color:var(--od-cyan);background:rgba(0,229,255,.08)}.real-wte-note span{color:#92aaa0}
.result-screen { background-image:linear-gradient(rgba(2,7,5,.82),rgba(2,7,5,.95)),url("assets/wte-night-city.webp"); background-position:center; background-size:cover; background-attachment:scroll; }.result-screen::before{background-image:radial-gradient(circle at 50% 10%,rgba(186,255,33,.24),transparent 27%)}.result-top h2{color:var(--od-white)}.result-top em{color:var(--od-lime)}.result-top p{color:#9bb1a8}.award-mark{color:var(--od-black);background:var(--od-lime);box-shadow:0 0 0 6px #07100e,0 0 0 8px var(--od-lime),0 0 35px rgba(186,255,33,.45)}.score-board{border-color:rgba(186,255,33,.3);color:var(--od-white);background:rgba(4,12,9,.89);backdrop-filter:blur(8px)}.score-breakdown div div{background:#23322c}.score-breakdown i{background:var(--od-lime);box-shadow:0 0 12px rgba(186,255,33,.35)}.impact-grid div{background:#102019}.result-love-panel{border-color:var(--od-lime);background:rgba(3,12,9,.95)}.secondary-button{border-color:var(--od-lime);color:var(--od-lime);background:rgba(3,8,7,.7)}
.collection-book{border-color:var(--od-lime);color:var(--od-white);background:#07100e}.collection-book>header{border-color:rgba(186,255,33,.2);background:#0d1e18}.collection-book>header h2{color:var(--od-white)}.collection-book>header>div:first-child>span{color:#829d92}.collection-summary b{color:var(--od-white)}.collection-close{border-color:var(--od-lime);color:var(--od-lime)}.fact-card{border-color:#293e35;color:var(--od-white);background:#0b1814}.fact-card p{color:#8ca298}.fact-card.is-locked{background:#101a16}.collection-book>footer{border-color:rgba(255,255,255,.08);background:#020605}

@media (max-width:1050px){
  .overdrive-design{grid-template-columns:1fr}.draft-console{min-height:560px}.draft-cards{grid-template-columns:repeat(3,1fr)}.draft-card{grid-template-columns:42px 1fr;align-content:center}.draft-card-cost{grid-column:1/3}.operation-layout{grid-template-columns:1fr}.plant-diagram{min-height:400px}
}

@media (max-width:740px){
  .topbar{background:rgba(2,6,5,.97)}.title-screen{background-position:63% center}.title-screen::before{background:linear-gradient(180deg,rgba(2,5,5,.87),rgba(2,5,5,.55) 58%,rgba(2,5,5,.18))}.title-copy::before{display:none}.title-screen h1{font-size:48px}.hype-tags{flex-wrap:wrap}.mode-preview{width:100%}
  .overdrive-design{display:block}.draft-plant-card{display:block;min-height:0}.draft-visual{height:280px}.plant-specs{padding:18px;border:0}.spec-row{margin:13px 0}.installed-system{grid-template-columns:1fr;padding:12px}.synergy-console{min-height:45px}.draft-console{min-height:600px;margin-top:12px;padding:14px}.draft-cards{display:grid;grid-template-columns:1fr}.draft-card{grid-template-columns:44px 1fr auto}.draft-card-cost{grid-column:auto}.scene-heading h2{font-size:24px}
  .arcade-hud{grid-template-columns:1fr 1fr}.charge-unit{grid-column:1/3;border-top:1px solid rgba(255,255,255,.08)}.plant-diagram{min-height:500px;background-position:45% center}.op-module{min-height:120px}.command-deck>div{grid-template-columns:1fr}.command-deck button{display:grid;grid-template-columns:52px 1fr 1fr;align-items:center;min-height:48px}.command-deck button span,.command-deck button b,.command-deck button small{margin:0}.incident-banner b{max-width:190px}.model-diorama{background-position:center}.model-rush-hud{grid-template-columns:auto 1fr auto}
}

@media (prefers-reduced-motion:reduce){.title-screen h1,.draft-scan,.draft-callout,.plant-diagram::after,.model-runner button.is-next{animation:none!important}}
