/* Actual information layer over the approved dark / single-underlay material direction.
   Root depths follow layer-assets.json. No repeated torn-paper silhouettes. */
:root{--paper:url("/static/materials/buried-paper-material-20260927-124741/raw.png?v=c907d577e5")}
.desk{background:#080a09;isolation:isolate}
.buried-underlay{position:absolute;left:-20px;top:10px;width:1570px;height:auto;transform:rotate(-1.4deg);filter:brightness(.73);z-index:10;pointer-events:none}
.desk::before{content:"";position:absolute;inset:0;background:url("/assets/materials/desk-surface.webp?v=9a6a48c763") center/cover no-repeat;opacity:.15;z-index:0;pointer-events:none}
/* A continuous dark bed leaves only thin underlay traces between assemblies. */
.desk::after{content:"";position:absolute;inset:0;background:#080a09;z-index:15;pointer-events:none;
 clip-path:polygon(0 0,100% 0,100% 40%,72.3% 40%,72.3% 69.1%,100% 69.1%,100% 69.5%,74.6% 69.5%,74.6% 93.3%,100% 93.3%,100% 100%,0 100%,0 93.3%,19.5% 93.3%,19.5% 69.5%,0 69.5%,0 69.1%,27% 69.1%,27% 40%,0 40%)}
.masthead{z-index:70}
.operator{z-index:20;background:#080a09}
.credentials{z-index:40}
.monitor{z-index:45}
.processes,.output,.activity,.graveyard{z-index:30}
.spotlight{z-index:35}
.manifesto{z-index:50}
.sketch{z-index:55}
.companions{z-index:65}
.footer{z-index:70}
.desk-marks{z-index:80}
.paper{background-color:#e9dabd;background-image:var(--paper);background-size:1250px auto;border:0;box-shadow:2px 3px 4px #0008}
.manifesto{background-position:28% 27%}
.sketch{background-position:68% 63%}
.spotlight{background-position:46% 45%}
.companions{background-position:72% 25%}
.paper>.surface-wear{opacity:.16}
.ink{background-color:#080a09}
.masthead,.footer,.processes,.output,.activity,.graveyard{background-color:transparent}
.masthead::before,.footer::before,.processes::before,.output::before,.activity::before,.graveyard::before{background-color:#080a09}
.masthead>.surface-wear{opacity:.43}
.footer>.surface-wear{opacity:.32}
.processes>.surface-wear,.output>.surface-wear,.activity>.surface-wear,.graveyard>.surface-wear{opacity:.25}
.credentials>.surface-wear,.monitor>.surface-wear{opacity:.18}
.masthead::after,.footer::after{height:4px;opacity:.5}
.edge-strip{opacity:.32}
.edge-strip.lower{opacity:.32;width:1490px;height:3px}
.monitor{background:#080a09;transform:rotate(1.6deg)}
.screen{background:radial-gradient(ellipse at 48% 75%,#4b2923,#131616 65%);overflow:hidden}
.screen video{object-fit:contain;object-position:center;width:100%;height:100%}
.monitor .screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0001 3px 4px);opacity:.35}
.node[data-selected=true]{outline:1px solid var(--node);outline-offset:2px}
.processes.route-selected .wires path{stroke-dasharray:5 3;animation:route-selection .75s linear 1}
@keyframes route-selection{to{stroke-dashoffset:-24}}
.footer .wave{border:0;border-left:1px solid #8f795b40}
.wave-bars{opacity:.38;transition:opacity .2s}
body.recording-playing .wave-bars{opacity:1;animation:playback-pulse 1.8s steps(5,end) infinite}
@keyframes playback-pulse{0%,100%{transform:scaleY(.75)}50%{transform:scaleY(1)}}
body.recording-playing .monitor .recorded{color:#e9dabd}
.nav{z-index:100}
/* Inspection only: preserve physical surfaces while hiding lettering and media. */
body.surfaces-only .desk>[data-region]>*{visibility:hidden}
body.surfaces-only .operator>.room,body.surfaces-only .surface-wear{visibility:visible}
body.surfaces-only .credentials{visibility:visible}
body.surfaces-only .credentials>*{visibility:hidden}
body.inspect-stack [data-region]{outline:1px dashed #00dcea90;outline-offset:-2px}
body.inspect-stack [data-region]::after{content:attr(data-stack-label);position:absolute;left:5px;top:5px;right:auto;bottom:auto;height:auto;width:auto;padding:3px 5px;background:#050909;color:#67deeb;font:10px Consolas,monospace;transform:none;clip-path:none;opacity:1;z-index:90}
@media(prefers-reduced-motion:reduce){.processes.route-selected .wires path,.wave-bars{animation:none!important}}

/* Thin irregular seam openings reveal the ONE paper below; broad exposed backing stays dark. */
.desk::after{clip-path:none;mask:url('/static/home/assets/substrate-coverage.svg?v=af8c0ee0ae') center/100% 100% no-repeat;mask-mode:luminance}