:root{--ink:#163126;--ink-soft:#335044;--paper:#ece3ce;--paper-deep:#d9ccb1;--green:#4c9633;--green-dark:#2f6727;--orange:#ef741c;--line:#16312633;color:var(--ink);background:var(--paper);font-family:DM Mono,Courier New,monospace}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:radial-gradient(circle at 13% 17%, #fff7dce6 0 2%, transparent 24%), linear-gradient(118deg, #efe7d5 0%, var(--paper) 58%, #ddd0b7 100%);min-width:320px;margin:0}button,a{font:inherit}.app-shell{min-height:100svh;padding:clamp(1rem,3vw,2.75rem);overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.wordmark{color:var(--ink);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.72rem;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.25rem;font-weight:700;line-height:.84;text-decoration:none;display:inline-flex}.wordmark-mark{background:var(--ink);width:2.45rem;height:2.45rem;color:var(--paper);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);place-items:center;font-size:1.3rem;display:grid}.topbar-status,.scene-heading,.eyebrow,.panel-index,.spec-grid span,.reference-card span{letter-spacing:.09em;text-transform:uppercase;font-size:.65rem}.topbar-status{color:var(--ink-soft);align-items:center;gap:.45rem;margin:0;display:flex}.topbar-status span,.cycle-dot{background:var(--green);border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #4c963326}main{grid-template-rows:auto auto;grid-template-columns:minmax(14rem,.9fr) minmax(26rem,2.2fr) minmax(15rem,.8fr);gap:clamp(1rem,2.2vw,2.1rem);max-width:1500px;margin:0 auto;padding-top:clamp(2rem,5vw,5rem);display:grid}.intro{align-self:start;padding-top:clamp(.2rem,2vw,2.6rem)}.eyebrow{color:var(--green-dark);margin:0 0 .85rem;font-weight:500}h1{max-width:8ch;color:var(--ink);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(3.5rem,7.2vw,7.4rem);font-weight:800;line-height:.77}h1 em{color:var(--green);font-style:normal}.lede{max-width:31ch;color:var(--ink-soft);margin:1.6rem 0 0;font-size:clamp(.77rem,.9vw,.9rem);line-height:1.75}.scene-card{border:1px solid var(--ink);background:#d9cfb7;min-width:0;position:relative;box-shadow:9px 9px #1631261f}.scene-heading{border-bottom:1px solid var(--line);color:var(--ink);background:#f4eedddb;justify-content:space-between;gap:1rem;padding:.75rem .9rem;display:flex}.scene-hint{color:var(--ink-soft);text-align:right}.canvas-wrap{background:linear-gradient(#2b533b14 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#2b533b14 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 50% 30%,#f9f2de 0%,#ddd2b9 70%);min-height:clamp(25rem,53vw,43rem);position:relative;overflow:hidden}#truck-canvas{width:100%;height:100%;min-height:inherit;cursor:grab;touch-action:none;display:block}#truck-canvas:active{cursor:grabbing}.webgl-fallback{width:min(24rem,85%);color:var(--ink);text-align:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.scanlines{pointer-events:none;opacity:.13;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 4px,#1631264d 5px);position:absolute;inset:0}.coordinate-tag{color:var(--ink-soft);letter-spacing:.08em;font-size:.55rem;position:absolute;bottom:.85rem}.coordinate-tag--x{left:.85rem}.coordinate-tag--z{right:.85rem}.control-panel{border-top:4px solid var(--orange);border-bottom:1px solid var(--line);align-self:end;padding:1rem 0 1.3rem}.panel-index{color:var(--ink-soft);justify-content:space-between;display:flex}.panel-index span{color:var(--orange)}.cycle-readout{text-transform:uppercase;align-items:center;gap:.55rem;margin:2rem 0 .65rem;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.65rem;font-weight:700;display:flex}.animation-button{background:var(--ink);color:#f5edd9;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:.72rem;width:100%;min-height:3.75rem;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.18rem;font-weight:700;transition:transform .15s,background .15s;display:flex}.animation-button:hover{background:var(--green-dark);transform:translateY(-3px)}.animation-button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.animation-button[aria-pressed=true]{background:var(--orange);color:#1f2f26}.button-icon{place-items:center;width:1.3rem;display:inline-grid}.control-copy{color:var(--ink-soft);margin:1.15rem 0;font-size:.72rem;line-height:1.65}.spec-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.spec-grid div{padding:.72rem .45rem 0 0}.spec-grid div+div{border-left:1px solid var(--line);padding-left:.55rem}.spec-grid span{color:var(--ink-soft);display:block}.spec-grid strong{text-transform:uppercase;margin-top:.28rem;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.05rem;line-height:1;display:block}.provenance{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(16rem,.9fr) minmax(18rem,1.1fr);align-items:end;gap:1.5rem;padding-top:1rem;display:grid}.provenance>p{max-width:48ch;color:var(--ink-soft);margin:0;font-size:.73rem;line-height:1.75}.reference-card{align-items:center;gap:.85rem;display:flex}.reference-card img{border:1px solid var(--ink);object-fit:cover;filter:saturate(.72)contrast(1.08);width:5rem;height:3.65rem}.reference-card span{color:var(--green-dark);display:block}.reference-card strong{letter-spacing:.02em;text-transform:uppercase;max-width:19ch;margin-top:.25rem;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.14rem;line-height:.95;display:block}body.review-mode{background:#f8f2e4;overflow:hidden}.review-mode .app-shell{min-height:100vh;padding:0}.review-mode .topbar,.review-mode .intro,.review-mode .control-panel,.review-mode .provenance,.review-mode .scene-heading,.review-mode .scanlines,.review-mode .coordinate-tag{display:none}.review-mode main{max-width:none;margin:0;padding:0;display:block}.review-mode .scene-card{width:100vw;height:100vh;box-shadow:none;border:0}.review-mode .canvas-wrap{background:#f8f2e4;width:100%;height:100%;min-height:100vh}.review-mode #truck-canvas{min-height:100vh}@media (width<=980px){main{grid-template-columns:minmax(0,1fr) minmax(15rem,.56fr);padding-top:2.4rem}.intro{grid-column:1/-1;padding-top:0}.intro h1{max-width:none}.scene-card{grid-column:1}.control-panel{grid-column:2;align-self:center}}@media (width<=680px){.app-shell{padding:1rem}.topbar-status{display:none}main{padding-top:2rem;display:block}.scene-card,.control-panel,.provenance{margin-top:1.5rem}.canvas-wrap{min-height:24rem}.provenance{display:block}.provenance>p{margin-top:1rem}.scene-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}