/* The second tower uses the established field greens, brass and illustration. */
.transmission-game{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;background:linear-gradient(90deg,#111d17ed,#111d17db),url('./assets/ending-transmission.webp') center/cover;color:#e6dfc0;overflow:hidden}
.transmission-game button{min-height:48px;touch-action:manipulation;white-space:nowrap;justify-content:center;font-size:13px;padding:14px 18px;letter-spacing:0}
.transmission-game button:focus-visible{outline:2px solid #e4c780;outline-offset:3px}
.transmission-heading{width:100%;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #a1a88666;padding-bottom:13px}
.transmission-heading h2{font:400 clamp(26px,3vw,39px)/1.1 Georgia,serif;letter-spacing:-.5px;margin:0;color:#eee9cf}
.transmission-metrics{display:flex;align-items:center;gap:22px}.transmission-exposure{width:100px}.transmission-exposure label{display:flex;justify-content:space-between;gap:8px;font:8px/1.5 ui-monospace,monospace;letter-spacing:.8px;color:#b8c1a4}.transmission-exposure b{font-weight:400;color:#e4c780}.transmission-exposure meter{display:block;width:100%;height:7px;margin-top:5px;appearance:none;background:#101c16;border:1px solid #697755;border-radius:0}.transmission-exposure meter::-webkit-meter-bar{background:#101c16;border:0;border-radius:0}.transmission-exposure meter::-webkit-meter-optimum-value{background:#b5a26b}.transmission-exposure meter::-webkit-meter-suboptimum-value{background:#d8bb7b}.transmission-exposure meter::-webkit-meter-even-less-good-value{background:#b87356}.transmission-exposure meter::-moz-meter-bar{background:#b5a26b}
.transmission-count{margin:0;text-align:right;flex-shrink:0}.transmission-count span{display:block;font:9px/1.4 ui-monospace,monospace;letter-spacing:1.4px;color:#b8c1a4}.transmission-count b{font:400 21px/1.5 Georgia,serif;color:#e4c780}
.transmission-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(20px,4vw,50px);align-items:center;max-width:1100px;width:100%;margin:auto;height:100%}
.transmission-map-wrap{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.transmission-map{display:block;width:100%;height:100%;min-height:0;max-width:600px;filter:drop-shadow(0 10px 22px #0003)}
.transmission-map-label{font:2.1px ui-monospace,monospace;letter-spacing:.2px;fill:#bec6a8}.transmission-marker circle{fill:#1d2b20;stroke:#87916d;stroke-width:.4}.transmission-marker text{fill:#a9b48f;font:2.6px ui-monospace,monospace;text-anchor:middle}.transmission-marker.is-reached circle{stroke:#e4c780;fill:#35432c}.transmission-marker.is-reached text{fill:#ead9a6}
.transmission-row-shadow{stroke:#101a14;stroke-width:5;fill:none}.transmission-row-roots{stroke:#90946a;stroke-width:2.4;stroke-dasharray:.6 .25;fill:none}.transmission-row.is-current .transmission-row-roots{stroke:#c4bb8b}.transmission-row.is-open .transmission-row-roots{stroke:#9cac79}.transmission-row.is-cleared{opacity:.32}
.transmission-learning .transmission-row:not(.is-current),.transmission-learning .transmission-marker:not(.is-reached){opacity:.35}
.transmission-horror{opacity:0;pointer-events:none;transition:opacity .35s ease}.transmission-horror.is-present{opacity:1}.transmission-horror.is-warning{opacity:.22}.transmission-horror image{filter:drop-shadow(0 .4px .7px #07110b)}
.transmission-console{display:flex;flex-direction:column;gap:20px;min-height:0}.transmission-step{font:9px/1.4 ui-monospace,monospace;letter-spacing:1.5px;color:#e4c780;margin:0}
.transmission-message{font:400 23px/1.35 Georgia,serif;color:#e5d8b1;margin:0;min-height:64px}

.transmission-delivery{font:10px/1.4 ui-monospace,monospace;color:#aebc9a}.transmission-delivery>div{height:3px;background:#69775544;margin-top:8px}.transmission-delivery>div>span{display:block;height:100%;background:#d8bb7b}
.transmission-buttons{display:flex;gap:8px}.transmission-buttons button{flex:1}.transmission-paused{filter:brightness(.65)}
@media(max-width:760px) and (min-height:561px){
 .transmission-game{gap:13px}.transmission-heading{padding-bottom:10px;gap:10px}.transmission-heading h2{font-size:27px}.transmission-count span{font-size:7px}.transmission-count b{font-size:17px}
 .transmission-metrics{gap:12px}.transmission-exposure{width:73px}.transmission-exposure label{font-size:7px;letter-spacing:.2px}.transmission-heading h2{font-size:24px}
 .transmission-layout{grid-template-columns:1fr;grid-template-rows:minmax(130px,1fr) auto;gap:18px;max-width:510px}.transmission-map{max-width:420px}.transmission-console{gap:12px}.transmission-step{font-size:8px}.transmission-message{font-size:21px;line-height:1.3;min-height:55px}.transmission-delivery{font-size:9px}.transmission-delivery>div{margin-top:5px}.transmission-game button{font-size:12px;padding:12px}
}
@media(max-height:700px) and (min-height:561px) and (max-width:760px){
 .transmission-game{gap:8px}.transmission-heading h2{font-size:24px}.transmission-heading{padding-bottom:7px}.transmission-layout{gap:12px}.transmission-console{gap:9px}.transmission-message{font-size:19px;min-height:49px}
}
@media(max-height:560px){
 .transmission-game{gap:9px}.transmission-heading{padding-bottom:6px}.transmission-heading h2{font-size:25px}.transmission-count span{font-size:7px}.transmission-count b{font-size:16px}.transmission-layout{grid-template-columns:minmax(120px,1fr) minmax(250px,1.05fr);gap:20px;max-width:900px}.transmission-map{max-width:330px}.transmission-console{gap:10px}.transmission-step{font-size:8px}.transmission-delivery{font-size:9px}.transmission-delivery>div{margin-top:5px;height:2px}.transmission-message{font-size:20px;line-height:1.3;min-height:52px}.transmission-game button{font-size:11px;padding:8px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.transmission-game *{transition:none;animation:none}}