/* A white spatial gallery. The works, and a single word, take the floor. */
body.gallery-mode{overflow:hidden;background:#fff;color:#222}body.gallery-mode .floating-header,body.gallery-mode .site-footer,body.gallery-mode .back-top,body.gallery-mode .scroll-progress{display:none}body.gallery-mode #main{min-height:0}.white-gallery{position:relative;width:100%;height:100svh;min-height:620px;background:#fff;isolation:isolate;overflow:hidden;color:#242424;font-family:Arial,Helvetica,sans-serif}.white-gallery button,.white-gallery a{color:inherit;font-weight:400;font-size:13px}.white-gallery button:focus-visible,.white-gallery a:focus-visible,.white-gallery input:focus-visible{outline:2px solid #555;outline-offset:6px}.white-gallery button:hover,.white-gallery a:hover{text-decoration:underline;text-underline-offset:5px}.white-gallery button{min-height:44px;padding:8px 0}.white-gallery [hidden]{display:none!important}#gallery-stage{position:absolute;inset:0;touch-action:none;cursor:ew-resize}#gallery-stage canvas,#gallery-stage>.css-gallery-renderer{display:block;width:100%;height:100%}.room-open #gallery-stage{cursor:default}.white-top{position:absolute;left:4.5%;right:4.5%;top:24px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.white-top>*{pointer-events:auto}.white-top .white-brand{font-size:30px;letter-spacing:-1.9px;line-height:1;font-weight:400;text-decoration:none}.white-top nav{display:flex;gap:32px;align-items:center}.white-top a{min-height:44px;display:inline-flex;align-items:center}.white-room-label{position:absolute;top:113px;left:4.5%;z-index:2;pointer-events:none;display:grid;gap:6px}.white-room-label>span{font-size:10px;color:#6f6f6b;letter-spacing:.03em}.white-room-label h1{font:400 24px/1.2 Georgia,serif;letter-spacing:-.04em}.white-room-label>span:last-child{font-size:12px;letter-spacing:0}.white-play{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);width:min(460px,88%);text-align:center;z-index:4;padding-top:25px;background:linear-gradient(transparent,#ffffffed 30%,#fff)}.white-play h2{font:400 23px/1.25 Georgia,serif;letter-spacing:-.025em;outline:none}.white-play>p{font-size:12px;color:#71716c;margin-top:7px}.word-range{display:flex;align-items:center;justify-content:center;gap:24px;margin:13px auto 0;width:min(340px,100%)}.word-range button{font-size:11px;color:#666;min-width:44px}.word-range input{appearance:none;-webkit-appearance:none;height:2px;background:#d7d7d2;flex:1;min-width:0;border:0;border-radius:0;padding:0;cursor:ew-resize;touch-action:pan-y}.word-range input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#333;border:4px solid #fff;box-shadow:0 0 0 1px #aaa;cursor:grab}.word-range input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#333;border:3px solid white;box-shadow:0 0 0 1px #aaa}.word-aligned .word-range input{background:#555}#word-feedback{min-height:18px;font-size:11px;color:#4b4b48;margin:0}.word-small-actions{display:flex;justify-content:center;gap:28px}.word-small-actions button{font-size:11px;color:#666}#word-hint-text{font-size:12px;color:#555;max-width:300px;margin:2px auto 0}.white-bottom{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:4.5%;right:4.5%;display:flex;align-items:center;gap:26px;z-index:5}.white-bottom button{font-size:11px;color:#666}.white-bottom #word-next{margin-left:auto}.white-bottom #word-replay{margin-left:auto}.white-bottom #word-replay:not([hidden])+#word-next{margin-left:0}.white-play #word-revealed{display:flex;flex-direction:column;align-items:center;margin-top:15px;gap:2px}.white-gallery .white-primary{background:#252525;color:white;padding:13px 28px;min-height:46px;border-radius:2px;font-size:13px}.white-gallery .white-primary:hover{background:#444;text-decoration:none}#word-secret{font-size:11px;color:#666}.white-fallback{position:absolute;inset:0;display:flex;gap:22px;align-items:center;justify-content:center;flex-direction:column;z-index:3;background:white}.white-fallback p{font:25px Georgia,serif}.white-fallback a{border-bottom:1px solid #999;padding:10px}.white-dialog{color:#252525;background:white;border:1px solid #e8e8e6;border-radius:0;width:min(850px,calc(100% - 48px));max-height:calc(100dvh - 70px);padding:42px;box-shadow:0 20px 100px #0000000c;overflow:auto}.white-dialog::backdrop{background:#ffffffa9;backdrop-filter:blur(10px)}.white-dialog header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:30px}.white-dialog h2{font:400 36px/1.15 Georgia,serif;letter-spacing:-.045em}.white-dialog header>button{font-size:12px;color:#666;flex-shrink:0;min-width:44px}.white-dialog footer{display:flex;gap:22px;justify-content:space-between;margin-top:30px;font-size:12px;color:#666;border-top:1px solid #eee;padding-top:24px}.white-dialog footer a{font-size:12px;color:#333}.white-help{max-width:560px}.white-help p{font-size:15px;line-height:1.8;margin:20px 0;color:#555}.white-help p a{text-decoration:underline;font-size:inherit}.white-help #word-motion{font-size:12px;border-bottom:1px solid #bbb}.white-dialog #map-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.white-gallery .word-room{display:grid;grid-template-columns:24px 1fr;gap:5px 12px;align-items:baseline;text-align:left;padding:22px 0;border-top:1px solid #e9e9e6;min-height:96px}.word-room>span{font-size:10px;color:#888}.word-room strong{font:400 24px Georgia,serif}.word-room small{grid-column:2;font-size:11px;color:#777}.word-room[aria-current]{border-top-color:#444}.white-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}.white-work{display:block}.white-work img,.white-work-title{height:auto;aspect-ratio:1.35;object-fit:contain;background:#fafafa;width:100%;margin-bottom:14px}.white-work-title{display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;font:26px/1.2 Georgia,serif}.white-work strong{font-size:15px;line-height:1.3;display:block;font-weight:400}.white-work small{display:block;font-size:11px;color:#777;line-height:1.5;margin-top:5px}.white-work:hover{text-decoration:none!important}.white-work:hover strong{text-decoration:underline;text-underline-offset:4px}#secret-count{font-size:10px;color:#777;display:block;margin-bottom:8px}#secret-description{font-size:13px;color:#666;margin-bottom:28px}.css-gallery-renderer img{max-width:none}.white-gallery .css-gallery-renderer{overflow:hidden!important}
@media(max-width:650px){.white-gallery{min-height:580px}.white-top{top:max(12px,env(safe-area-inset-top));left:24px;right:24px}.white-top .white-brand{font-size:27px}.white-top nav{gap:23px}.white-room-label{top:91px;left:24px;gap:4px}.white-room-label h1{font-size:23px}.white-room-label>span{font-size:10px}.white-room-label>span:last-child{font-size:11px}.white-play{bottom:72px;width:calc(100% - 48px);padding-top:18px}.white-play h2{font-size:22px}.white-play>p{font-size:11px}.word-range{margin-top:9px;gap:16px}.white-bottom{left:24px;right:24px;bottom:max(12px,env(safe-area-inset-bottom));gap:18px}.white-bottom button{font-size:11px}.white-dialog{width:calc(100% - 28px);padding:27px 22px;max-height:calc(100dvh - 36px)}.white-dialog h2{font-size:29px}.white-dialog header{margin-bottom:24px}.white-dialog #map-grid{column-gap:23px}.white-gallery .word-room{grid-template-columns:1fr;gap:7px;padding:15px 0;min-height:104px}.word-room strong{font-size:22px}.word-room small{grid-column:1;font-size:10px}.white-dialog footer{flex-direction:column;gap:12px;margin-top:24px}.white-work-grid{grid-template-columns:1fr;gap:28px}.white-help p{font-size:14px}.white-dialog .white-work img{aspect-ratio:1.4}.white-dialog .white-work-title{aspect-ratio:1.4}}
@media(max-height:650px) and (min-width:651px){.white-gallery{min-height:540px}.white-room-label{top:95px}.white-play{bottom:60px;padding-top:10px}.white-play h2{font-size:20px}.white-play>p{display:none}.word-range{margin-top:3px}.white-bottom{bottom:10px}}
@media(prefers-reduced-motion:reduce){.white-gallery *{transition:none!important;animation:none!important}}
/* Short landscape screens may scroll rather than losing their controls. */
@media(max-height:620px){body.gallery-mode{overflow-y:auto}.white-gallery{height:620px;min-height:620px}}