.zone-section{padding:80px clamp(18px,4vw,64px) 90px;background:radial-gradient(ellipse at 30% 0,#36423966,transparent 65%),#101713;color:#d1c6a1;scroll-margin-top:24px}.zone-heading{position:relative;max-width:1500px;margin:0 auto 24px}.zone-heading>p,.zone-heading>span{font:12px/1.5 BDRMono,monospace;letter-spacing:.12em;color:#94a396}.zone-heading h2{font:clamp(32px,5.8vw,86px)/1.1 IBMBIOS,monospace;letter-spacing:-.055em;color:#171e18;background:#cbbd96;display:table;padding:12px 18px 6px;box-shadow:3px 3px 0 #71694f;margin:14px 0 20px;text-shadow:1px 1px #f0dfb5}.zone-console{max-width:1500px;margin:auto;border:5px ridge #556354;background:#18201a;box-shadow:0 25px 65px #0009}.zone-nameplate{display:grid;grid-template-columns:1fr 1.2fr 1fr;text-align:center;align-items:stretch;border-bottom:5px ridge #526253;background:#0a1510}.zone-nameplate>*{padding:18px 10px;align-content:center;font:clamp(12px,1.4vw,20px)/1.3 IBMBIOS,monospace}.zone-nameplate strong{background:#d3cba9;color:#17211b;font-size:clamp(22px,3vw,38px);border-inline:5px ridge #526253}.zone-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid #72866b55;background:#17201b}.zone-toolbar>div{display:flex;gap:5px}.zone-toolbar button,.zone-map-controls button{border:1px solid #6d816b;background:#111e18;color:#c1cdb4;font:13px/1.5 BDRMono,monospace;padding:10px 15px;cursor:pointer;min-height:44px}.zone-toolbar button[aria-pressed=true]{background:#b6c49b;color:#122119;box-shadow:inset 0 -3px #708363}.zone-toolbar>span{font:12px/1.5 BDRMono,monospace;color:#9cab8b}.zone-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0}.zone-map-column{min-width:0;padding:14px;background:#0d1815}.zone-map{position:relative;aspect-ratio:1.28;background:#092829;border:1px solid #556d58;overflow:hidden}.zone-map canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:pan-y;cursor:crosshair}.zone-map:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0001 0,#0001 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 60px #020b0b99}.zone-map-caption{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font:12px/1.5 BDRMono,monospace;color:#d3e1b6;text-shadow:1px 1px #000;background:linear-gradient(90deg,#061615aa,transparent);padding:5px;z-index:1}.zone-map-controls{position:absolute;bottom:14px;right:14px;display:flex;gap:4px;z-index:2}.zone-map-controls button{padding:6px 12px;background:#0c1c18ee}.zone-map-controls button:hover{background:#b6c49b;color:#122119}#zone-map-status{position:absolute;top:45%;width:100%;text-align:center;font:16px IBMBIOS,monospace;background:#101813cc;padding:15px;box-sizing:border-box}.zone-map-foot{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:#8f9d87;font:11px/1.5 BDRMono,monospace}.zone-map-foot a{color:inherit}.zone-index{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px}.zone-index button{display:flex;gap:9px;align-items:center;text-align:left;border:1px solid #52694e;background:#19271e;padding:10px;color:#b9c7a7;font:12px/1.4 BDRMono,monospace;cursor:pointer;min-height:48px}.zone-index button b{font:15px IBMBIOS,monospace;color:#d69760}.zone-index button[aria-pressed=true]{background:#b9bf99;color:#18271c;border-color:#e6e3bd}.zone-index button:hover{border-color:#e6e3bd}.zone-index button[aria-pressed=true] b{color:#5a281d}.zone-report{padding:22px 23px 16px;background:repeating-linear-gradient(0deg,#70543206 0,#70543206 1px,transparent 1px,transparent 3px),#c9c09a;color:#232b20;box-shadow:inset 5px 0 12px #37351b35;min-width:0;font-family:DOSVANK24,monospace}.zone-report-top{display:flex;justify-content:space-between;gap:8px;font:11px/1.4 BDRMono,monospace;align-items:start}.zone-stamp{border:1px solid #763b2b;color:#763b2b;padding:4px;transform:rotate(3deg);max-width:88px;text-align:center}.zone-report h3{font:24px/1.2 IBMBIOS,monospace;margin:18px 0}.zone-evidence{position:relative;border:7px solid #e5d7af;box-shadow:2px 3px 5px #29241255;transform:rotate(-1deg);margin:20px 0}.zone-evidence:before{content:'';position:absolute;top:-16px;left:30%;width:40%;height:20px;background:#c6b979ba;transform:rotate(3deg);z-index:1}.zone-evidence img{width:100%;height:125px;object-fit:cover;display:block;filter:sepia(.3) saturate(.7)}.zone-evidence>span{position:absolute;bottom:4px;left:4px;background:#d6cca6e8;color:#222;font:10px/1.4 BDRMono,monospace;padding:3px}.zone-readings{display:grid;grid-template-columns:1.25fr 1fr;border-block:1px solid #555c4290;padding:12px 0;gap:10px}.zone-readings span{font:10px BDRMono,monospace;display:block}.zone-readings strong{display:block;font:32px IBMBIOS,monospace;margin-top:8px;color:#773d29}.zone-harmonics{background:#17241c;color:#c3d3aa;padding:10px;margin:16px 0}.zone-harmonics>span{font:10px BDRMono,monospace}.zone-harmonics canvas{width:100%;height:45px;display:block}.zone-harmonics>div{display:flex;justify-content:space-between;font:10px BDRMono,monospace}.zone-report h4{font:12px/1.5 IBMBIOS,monospace;margin:18px 0 8px;border-bottom:1px solid #5b624450;padding-bottom:6px}.zone-report h4 span{font:11px BDRMono,monospace;float:right}.zone-report p{font:18px/1.4 DOSVANK24,monospace;margin:0 0 14px}.zone-report-bottom,.zone-bottom{display:flex;justify-content:space-between;gap:8px;font:10px/1.5 BDRMono,monospace;border-top:1px solid #5b624450;padding-top:12px}.zone-bottom{padding:12px 18px;color:#9fae90}.zone-bottom a{color:inherit}.zone-section[data-mode=vibration] .zone-toolbar{background:#25172a}.zone-section[data-mode=vibration] .zone-toolbar button[aria-pressed=true]{background:#e6a779;color:#311c34}.zone-section[data-mode=vibration] #zone-mode-readout{color:#e6a779}.zone-section[data-mode=vibration] .zone-map{border-color:#a24b6c}#zone:focus{outline:none}
@media(max-width:1050px){.zone-workspace{grid-template-columns:minmax(0,1fr) 280px}.zone-report{padding:18px}.zone-index{grid-template-columns:repeat(2,1fr)}.zone-map{aspect-ratio:1}.zone-toolbar>span{max-width:180px}.section-dock{max-width:calc(100vw - 20px)}.section-dock a{padding:12px 10px}}
@media(max-width:750px){.zone-section{padding:48px 12px}.zone-workspace{grid-template-columns:1fr}.zone-nameplate>*{font-size:10px;padding:12px 6px}.zone-nameplate strong{font-size:22px}.zone-toolbar{flex-wrap:wrap;padding:10px;gap:8px}.zone-toolbar>span{max-width:none;font-size:10px}.zone-toolbar button{font-size:12px;padding:10px}.zone-map{aspect-ratio:1.05}.zone-report{padding:24px}.zone-evidence{float:right;width:38%;margin:10px 0 18px 18px}.zone-readings{max-width:52%;display:block}.zone-readings>div+div{margin-top:12px}.zone-harmonics{clear:both}.zone-report p{font-size:20px}.zone-index{grid-template-columns:repeat(3,1fr)}.zone-index button{font-size:10px;padding:8px 5px;gap:5px}.zone-map-foot{flex-direction:column;gap:4px}.zone-bottom{flex-wrap:wrap}.section-dock{width:calc(100vw - 24px);box-sizing:border-box;justify-content:space-between;gap:0}.section-dock a{font-size:9px!important;padding:12px 6px!important;text-align:center}.zone-heading h2{font-size:clamp(24px,7vw,48px)}.zone-map-caption{font-size:10px}}

@media(max-width:750px){.zone-map-column{padding:7px}.zone-map{aspect-ratio:1;min-height:330px}.zone-index{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-index button{font-size:12px;min-height:52px;padding:10px 8px}.zone-map-caption{font-size:11px}.zone-map-controls button{min-width:44px;min-height:44px}.zone-toolbar button{font-size:13px}.zone-map-foot{font-size:12px}}

.zone-evidence img{height:auto;max-height:360px;object-fit:contain;filter:none;background:#101913}.zone-evidence>span{position:static;display:block;padding:6px;background:#e5d7af}.zone-evidence{background:#e5d7af}@media(max-width:750px){.zone-evidence{float:none;width:auto;margin:20px 0}.zone-evidence img{width:100%;max-height:460px}.zone-readings{max-width:none;display:grid}.zone-readings>div+div{margin-top:0}}

.zone-heading{max-width:none}.zone-heading h2{display:block;width:auto;margin:14px calc(-1 * clamp(18px,4vw,64px)) 20px;padding:16px clamp(18px,4vw,64px);background:#cbbd96;box-shadow:none;text-shadow:none;overflow:hidden;line-height:0}.zone-heading h2 img{display:block;width:100%;height:auto;max-width:1500px;margin:-8% auto;mix-blend-mode:screen}.zone-heading>p,.zone-heading>span{display:block;max-width:1500px;margin-left:auto;margin-right:auto}@media(max-width:750px){.zone-heading h2{margin-left:-12px;margin-right:-12px;padding:18px 12px}.zone-heading h2 img{margin-block:-8%}}

/* OOOI phosphor title: crop the concept to its lettering only. */
.zone-heading h2{display:flex;align-items:center;justify-content:center;padding:8px clamp(18px,4vw,64px);background:linear-gradient(90deg,#08120e,#15251b 50%,#08120e);border-top:2px solid #6d7560;border-bottom:3px solid #354738;box-shadow:inset 0 1px #b3b69466,inset 0 -1px #020705,0 8px 20px #0005}
.zone-title-art{position:relative;display:block;width:100%;max-width:1500px;aspect-ratio:8;flex:none;background-image:url('assets/zone-title-console.png');background-size:100% auto;background-position:center 48%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.zone-title-art::before,.zone-title-art::after{content:none}
@media(max-width:750px){.zone-heading h2{padding:12px 4px}.zone-title-art{aspect-ratio:7.5}}