body[data-page=pxl]{background:#e6e7e9;color:#15171a}body[data-page=pxl] .terrain-footer{display:none!important}
.pxl-museum{position:relative;height:100svh;min-height:700px;isolation:isolate;background:radial-gradient(ellipse at 45% 32%,#fafafa 0%,#dddfe2 65%,#b9bec5 100%);overflow:hidden;color:#191b20;transition:background .8s,color .5s}
.museum-heading{position:absolute;left:4vw;top:8vh;z-index:3;pointer-events:none}.museum-heading h1{font:500 clamp(32px,4.5vw,66px)/1 var(--sans);letter-spacing:-.055em;margin:0}.museum-heading h1 span{font-size:clamp(15px,1.4vw,22px);letter-spacing:-.025em;margin-left:16px}.museum-heading p{font:400 16px/1.4 var(--sans);margin:14px 0;color:#666a72}
.museum-stage{position:absolute;inset:0 100px 0 0}.museum-canvas{display:block;width:100%;height:100%;outline:none;touch-action:pan-y}.museum-canvas:focus-visible{outline:1px solid #727783;outline-offset:-4px}
.museum-soft-focus{position:absolute;inset:0;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(#0009,transparent 24%,transparent 76%,#0009);opacity:.65}
.museum-markers{position:absolute;inset:0;pointer-events:none}.museum-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;border:1px solid #ffffff90;background:#ffffffaa;backdrop-filter:blur(12px);color:#262b34;padding:7px 12px;border-radius:3px;font:500 11px/1.2 var(--sans);cursor:pointer;box-shadow:0 5px 20px #18203310}.museum-marker:hover{background:#fff;box-shadow:0 5px 24px #18203325}
.museum-room-nav{position:absolute;left:4vw;bottom:5vh;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.museum-room-nav button{color:inherit;background:none;border:0;font:500 14px/1.3 var(--sans);padding:8px 0;cursor:pointer}.museum-room-nav button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.museum-room-nav button:hover{opacity:.6}
.museum-controls{position:absolute;bottom:4vh;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;z-index:4}.museum-controls p{font:400 12px/1.5 var(--sans);color:#666a72}.museum-reset{font:500 13px/1.3 var(--sans);display:flex;gap:6px;align-items:center;color:inherit;background:none;border:0;padding:12px;cursor:pointer}.museum-reset svg{width:15px;height:15px}
.museum-joystick{position:relative;width:112px;height:112px;border:1px solid #fff9;border-radius:50%;background:linear-gradient(145deg,#ffffffbb,#bfc4cc88);box-shadow:inset 0 0 0 6px #ffffff30,0 12px 30px #19263720;backdrop-filter:blur(18px);touch-action:none;flex:none}.joystick-rings{position:absolute;inset:25px;border:1px solid #3332;border-radius:50%}.joy-knob{position:absolute;inset:39px;border-radius:50%;background:linear-gradient(135deg,#fcfcfc,#bdc1c8);box-shadow:1px 3px 8px #30354535}.museum-joystick button{position:absolute;width:36px;height:36px;background:transparent;color:#343942;border:0;cursor:pointer;font:400 21px Arial,sans-serif;border-radius:50%;padding:0;touch-action:none}.museum-joystick button:hover,.museum-joystick button.active{background:#fff9}.joy-up{left:37px;top:0}.joy-down{left:37px;bottom:0}.joy-left{top:37px;left:0}.joy-right{top:37px;right:0}
.museum-dialog{padding:0;width:min(790px,calc(100vw - 40px));max-height:88svh;border:1px solid #ffffffa6;border-radius:20px;background:#f6f7fae6;backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px);color:#14161a;box-shadow:0 30px 120px #0005;overflow:auto}.museum-dialog[open]{animation:museum-open .45s cubic-bezier(.2,.8,.2,1)}.museum-dialog::backdrop{background:#090b184d;backdrop-filter:blur(8px)}@keyframes museum-open{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
.museum-close{position:sticky;float:right;top:15px;margin:15px 15px -50px 0;border:1px solid #0001;width:36px;height:36px;border-radius:50%;background:#ffffffd9;color:#181a20;z-index:3;font:300 26px Arial;cursor:pointer}.museum-dialog-body{padding:40px}.museum-exhibit-year{font:500 12px/1.3 var(--sans);color:#626671;margin:0 45px 12px 0}.museum-dialog h2{font:500 clamp(28px,4vw,48px)/1.04 var(--sans);letter-spacing:-.045em;margin:0 25px 25px 0}.museum-dialog-body>p:not(.museum-exhibit-year){font:400 17px/1.55 var(--sans);max-width:620px;margin:24px 0}.museum-exhibit-photo{width:100%;max-height:48svh;object-fit:contain;background:#e1e2e3;display:block}.museum-photo-strip{display:flex;gap:8px;overflow:auto;margin:18px 0}.museum-photo-strip button{background:none;border:0;padding:0;flex:none;cursor:pointer}.museum-photo-strip img{width:86px;height:62px;object-fit:cover;display:block}.museum-dialog a,.museum-fallback button{display:inline-flex;align-items:center;gap:8px;color:inherit;font:500 16px var(--sans);text-decoration:none;margin-top:16px}.museum-dialog a svg,.museum-fallback svg{width:17px;height:17px}.museum-screen-placeholder{min-height:220px;background:linear-gradient(135deg,#282b32,#090a0d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#eee;border-radius:3px}.museum-screen-placeholder>svg{width:30px;height:30px}.museum-screen-placeholder strong{font:400 24px var(--sans)}.museum-screen-placeholder span{font:400 14px var(--sans);color:#b2b7bf}.museum-secret{font:200 100px var(--sans);text-align:center;padding:20px;background:#20232c;color:#fff}
.museum-fallback{position:absolute;inset:30% 15%;text-align:center}.museum-fallback[hidden]{display:none}.museum-fallback button{padding:16px;border:1px solid #999;background:#fff9;display:flex}.museum-archive-list{padding:24px 110px 24px 4vw;background:#e4e6e8}.museum-archive-list>summary{font:500 15px var(--sans);cursor:pointer;list-style:none}.museum-archive-list .pxl-index{background:#fff;margin-top:24px}.museum-hall-info{position:absolute;left:4vw;bottom:7vh;z-index:4;max-width:360px;pointer-events:none}.museum-hall-info h2{font:500 clamp(24px,3vw,42px)/1.05 var(--sans);letter-spacing:-.04em;margin:0 0 14px}.museum-hall-info p{font:400 14px/1.5 var(--sans);color:#bcc0c8}.museum-hall-info .hall-guests{font-size:12px;color:#999eaa}.museum-hall-info[hidden]{display:none}.museum-hall-back{display:none;position:absolute;left:4vw;top:6vh;z-index:5;color:inherit;background:none;border:0;font:400 16px var(--sans);padding:12px 0;cursor:pointer}
.pxl-museum.in-hall{background:#08090b;color:#f8f8fa}.in-hall .museum-heading,.in-hall .museum-room-nav,.in-hall .museum-markers{display:none}.in-hall .museum-hall-back{display:block}.in-hall .museum-controls{left:auto;right:125px;transform:none}.in-hall .museum-controls p{color:#a9adb7}.in-hall .museum-reset{display:none}
@media(max-width:720px){.pxl-museum{min-height:720px}.museum-heading{left:18px;top:11vh;right:90px}.museum-heading h1{font-size:39px}.museum-heading h1 span{display:block;margin:10px 0 0;font-size:16px}.museum-heading p{font-size:13px;margin-top:9px}.museum-stage{right:64px}.museum-marker{font-size:9px;padding:6px 8px}.museum-room-nav{left:18px;bottom:4vh;gap:2px}.museum-room-nav button{font-size:12px;padding:8px 0}.museum-controls{left:auto;right:70px;bottom:5vh;transform:none;gap:0}.museum-controls p,.museum-controls .museum-reset{display:none}.museum-joystick{width:100px;height:100px}.joy-up,.joy-down{left:31px}.joy-left,.joy-right{top:31px}.joy-knob{inset:34px}.museum-dialog{width:calc(100vw - 20px);max-height:92svh;border-radius:16px}.museum-dialog-body{padding:30px 22px}.museum-dialog h2{font-size:31px}.museum-dialog-body>p:not(.museum-exhibit-year){font-size:15px}.museum-hall-info{left:18px;bottom:18vh;max-width:calc(100% - 100px)}.museum-hall-info h2{font-size:24px}.museum-hall-info p{font-size:12px}.museum-hall-info .hall-guests{font-size:10px}.in-hall .museum-controls{right:80px;bottom:3vh}.museum-hall-back{left:18px;top:10vh}.museum-archive-list{padding-left:18px;padding-right:85px}}
@media(prefers-reduced-motion:reduce){.museum-dialog[open]{animation:none}.pxl-museum{transition:none}}
.hall-actions{display:flex;gap:20px;pointer-events:auto;margin-top:15px}.hall-actions button{color:#eee;background:none;border:0;border-bottom:1px solid #ffffff40;padding:4px 0;font:400 12px var(--sans);cursor:pointer}.hall-actions button:hover{border-color:#fff}

/* Printed space-age archive */
.pxl-museum{background:radial-gradient(ellipse at 45% 32%,#f1efe8,#d1d0ca 65%,#a9aaa7)}
.pxl-museum::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.museum-heading{left:18px;top:4vh}.museum-heading h1{font:900 clamp(72px,10vw,148px)/.82 var(--sans);letter-spacing:-.08em}.museum-heading h1 span{display:block;font-size:clamp(20px,2.5vw,36px);font-weight:600;letter-spacing:-.04em;margin:16px 0 0}
.museum-hall-info{background:#eeece3;color:#242421;width:290px;max-height:35vh;overflow:auto;padding:22px 22px 28px;box-shadow:0 7px 25px #0003;pointer-events:auto;clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%)}
.museum-hall-info h2{font:600 18px/1.15 var(--sans);letter-spacing:-.03em}.museum-hall-info p,.museum-hall-info .hall-guests{font:400 11px/1.5 monospace;color:#484842}.receipt-heading{font:10px/1.3 monospace;border-bottom:1px dashed #777;padding-bottom:12px;margin-bottom:15px}.museum-hall-info .hall-actions button{color:#222;border-color:#777}
body[data-page="between-signals"] .terrain-footer{display:none}
@media(min-width:721px){.museum-controls,.in-hall .museum-controls{left:auto;right:125px;bottom:32px;transform:none;gap:14px}.museum-joystick{border-radius:6px;width:148px;height:106px;background:linear-gradient(160deg,#e0ded5,#aaa99f);border:1px solid #8b8b83;box-shadow:inset 0 1px #fff,0 6px 0 #77786f,0 10px 25px #0003;backdrop-filter:none}.joystick-rings,.joy-knob{display:none}.museum-joystick button{width:40px;height:38px;border:1px solid #9e9e94;border-radius:3px;background:linear-gradient(#f1efe6,#cfcdc2);box-shadow:0 3px 0 #85867c;font:20px Arial;color:#252722}.museum-joystick button.active,.museum-joystick button:active{transform:translateY(2px);box-shadow:0 1px 0 #85867c}.joy-up{top:8px;left:53px}.joy-left{top:54px;left:8px}.joy-down{top:54px;left:53px}.joy-right{top:54px;right:8px}.museum-reset{font:10px monospace;text-transform:uppercase}}
@media(max-width:720px){.museum-heading{left:16px;top:11vh}.museum-heading h1{font-size:78px}.museum-heading h1 span{font-size:20px}.museum-hall-info{width:220px;max-height:23vh;padding:16px 16px 23px;bottom:18vh}.museum-hall-info h2{font-size:17px}.museum-hall-info p{font-size:10px}}

/* Clean white space, with the architecture carrying the depth. */
.pxl-museum,.pxl-museum.in-hall{background:#fff;color:#191b20}
.pxl-museum::after,.museum-soft-focus{display:none}
.museum-exit{position:absolute;z-index:5;transform:translate(-50%,-50%);background:#fff;color:#171717;border:1px solid #aaa;padding:7px 14px;font:600 11px/1 var(--sans);letter-spacing:.1em;cursor:pointer}
.museum-exit[hidden]{display:none}

.pxl-museum .museum-heading{left:0;top:0;margin:0;padding:0}
.pxl-museum .museum-heading h1{font-size:clamp(120px,15vw,220px);line-height:.75;margin:0;padding:0}
.pxl-museum .museum-heading h1 span{margin:18px 0 0;font-size:clamp(20px,2.5vw,36px);letter-spacing:-.04em}
.pxl-museum .museum-hall-back{left:0;top:0;margin:0;padding:0;font:900 clamp(56px,7vw,100px)/.9 var(--sans);letter-spacing:-.065em}
.museum-controls .museum-reset{font:800 20px/1 var(--sans);letter-spacing:-.04em}
@media(max-width:720px){.pxl-museum .museum-heading h1{font-size:120px}.pxl-museum .museum-heading h1 span{font-size:20px}.pxl-museum .museum-hall-back{font-size:60px}}

body[data-page="pxl"],body[data-page="between-signals"]{overflow:hidden;height:100dvh}
body[data-page="pxl"] #main,body[data-page="between-signals"] #main{height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden}
body[data-page="pxl"] .pxl-museum,body[data-page="between-signals"] .pxl-museum{height:100dvh;min-height:0;max-height:100dvh}
.museum-room-nav>a{font:500 14px/1.3 var(--sans);color:inherit;text-decoration:none;padding:8px 0}
@media(max-width:720px){.museum-room-nav>a{font-size:12px}.museum-room-nav{bottom:18px}.museum-controls{bottom:20px}.museum-hall-info{bottom:145px}.in-hall .museum-controls{bottom:20px}}