:root{color-scheme:dark;--paper:#ece9e0;--muted:#aaa89f;--accent:#e1a48c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090b0c;color:var(--paper);font-family:Arial,Helvetica,sans-serif}#gallery,.shade,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#gallery{opacity:0;transition:opacity 2s}body.ready #gallery{opacity:1}.shade{background:radial-gradient(ellipse at 50% 47%,#090b0c18 5%,#090b0c33 50%,#090b0ca8 100%),linear-gradient(0deg,#090b0c99,transparent 24%,transparent 80%,#090b0c55)}.grain{opacity:.035;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header,footer{position:fixed;left:3.5vw;right:3.5vw;display:flex;align-items:center;justify-content:space-between;z-index:2;font:10px/1.5 'Courier New',monospace;letter-spacing:.13em}header{top:30px}.identity{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--paper)}.glyph{font:bold 32px/1 Arial;letter-spacing:-3px}.status{color:var(--muted);display:flex;gap:10px;align-items:center}.status i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #e1a48c55}main{position:relative;width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:90px 20px}.title-wrap{transform:translateY(-4px)}.eyebrow{font:9px/1.6 'Courier New',monospace;letter-spacing:.3em;color:var(--accent);margin:0 0 28px}h1{font-weight:500;font-size:clamp(62px,10.5vw,164px);line-height:.96;letter-spacing:-.075em;margin:0}.name,.construction{position:relative;display:inline-block}.construction{font-size:.57em;letter-spacing:-.055em;color:#ddd8ce}.name:before,.name:after,.construction:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.name:before{color:#d5e9e5;animation:glitch-a 13s infinite 2s}.name:after,.construction:after{color:var(--accent);animation:glitch-b 13s infinite 2s}.construction:after{animation-delay:6s}.rule{width:32px;height:1px;margin:35px auto 22px;background:var(--accent);opacity:.75}.intro{font-size:12px;line-height:1.8;letter-spacing:.015em;color:#b7b5ad;margin:0}footer{bottom:28px;color:var(--muted);font-size:9px}.slash{margin:0 12px;color:var(--accent)}.tour{display:flex;align-items:center;gap:25px}#position{opacity:.7;font-variant-numeric:tabular-nums}button{font:inherit;letter-spacing:inherit;color:var(--paper);border:1px solid #ffffff28;padding:10px 12px;cursor:pointer;background:#090b0c55;min-width:83px}button:hover,button:focus-visible{border-color:var(--accent);outline:none}.pause-icon{margin-right:7px}.fallback{position:fixed;bottom:75px;left:0;right:0;text-align:center;color:var(--muted);font-size:12px}@keyframes glitch-a{0%,89%,91%,93%,100%{opacity:0;transform:none}89.3%,90.1%{opacity:.7;clip-path:inset(30% 0 58%);transform:translate(-3px,0)}92%{opacity:.5;clip-path:inset(76% 0 18%);transform:translate(2px,0)}}@keyframes glitch-b{0%,89%,91%,93%,100%{opacity:0;transform:none}89.5%,90.4%{opacity:.65;clip-path:inset(50% 0 42%);transform:translate(3px,0)}92.2%{opacity:.5;clip-path:inset(18% 0 76%);transform:translate(-2px,0)}}@media(max-width:640px){header{top:22px;left:24px;right:24px}.identity{gap:12px}.identity>span:last-child{font-size:8px;letter-spacing:.07em}.status{font-size:0;gap:0}.status i{width:6px;height:6px}h1{font-size:clamp(62px,15.5vw,100px)}.eyebrow{font-size:8px;letter-spacing:.18em;margin-bottom:25px}.intro{font-size:11px}footer{left:24px;right:24px;bottom:22px}.edition{font-size:8px;max-width:155px;line-height:1.9}.slash{margin:0 4px}#position{display:none}.tour{gap:0}.rule{margin-top:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.access{display:block;margin-top:22px;color:#c8b6aa;font:9px/1.9 "Courier New",monospace;letter-spacing:.09em}.access b{font-weight:normal;color:var(--accent);margin:0 9px}@media(max-width:640px){.access{font-size:8px;letter-spacing:.025em}.access b{margin:0 4px}}

.film-credit{color:inherit;text-decoration:none;opacity:.7}.film-credit:hover,.film-credit:focus-visible{color:var(--accent);opacity:1}

.top-controls{display:flex;align-items:center;gap:16px}.top-controls button{font:11px/1.3 Arial,sans-serif;letter-spacing:.03em;min-height:44px;border-radius:5px;background:#15171be8}.top-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.top-controls button:disabled{opacity:.45;cursor:wait}#tilt-recenter{display:none}.tilt-active #tilt-recenter{display:block}#tilt-status{position:fixed;z-index:3;top:84px;right:3.5vw;max-width:min(350px,85vw);font:12px/1.6 Arial,sans-serif;color:#eee9e0;background:#12151be8;border-radius:6px;padding:10px 14px;margin:0}#tilt-status:empty{display:none}.exploring main{pointer-events:none}.exploring .title-wrap{opacity:0;transition:opacity .4s}.tilt-active{touch-action:none;user-select:none}.tilt-active main{touch-action:none}@media(max-width:640px){.top-controls{gap:8px}.top-controls .status{display:none}.top-controls button{font-size:11px;padding:10px;min-width:76px}#tilt-status{top:78px;right:24px;font-size:11px}.tilt-active .identity>span:last-child{display:none}}@media(max-width:380px){.top-controls{gap:5px}.tilt-active .glyph{font-size:26px}.top-controls button{min-width:68px;padding:8px}}#navigation-status{position:fixed;z-index:3;top:84px;right:3.5vw;max-width:min(350px,85vw);font:12px/1.6 Arial,sans-serif;color:#eee9e0;background:#12151be8;border-radius:6px;padding:10px 14px;margin:0}#navigation-status:empty{display:none}#move-pad{display:none;position:fixed;z-index:4;bottom:85px;left:24px;grid-template-columns:repeat(4,48px);gap:6px;touch-action:none}.explore-active #move-pad{display:grid}#move-pad button{min-width:48px;width:48px;min-height:48px;padding:8px;font:25px/1 Arial;background:#141820e8;border-radius:9px;touch-action:none}#move-pad button:first-child{grid-column:2}#move-pad button:nth-child(2){grid-column:1}#move-pad .held{border-color:var(--accent);color:var(--accent);background:#46362fe8}.explore-active{touch-action:none;user-select:none}.explore-active main{pointer-events:none}.explore-active .identity>span:last-child{display:none}@media(max-width:640px){.top-controls .status{display:none}#navigation-status{top:78px;right:24px;font-size:11px}.top-controls #explore-toggle{min-width:76px}.explore-active .top-controls{gap:7px}}

#move-pad button:nth-child(5){grid-column:4;grid-row:1}#move-pad button:nth-child(6){grid-column:4;grid-row:2}

#artwork-hint{position:fixed;inset:0;z-index:5;pointer-events:none}#artwork-hint[hidden]{display:none}.hint-outline{position:absolute;inset:0;overflow:visible}.hint-outline polygon{fill:#f4cf9010;stroke:#ffe1a4;stroke-width:2.5;stroke-linejoin:round;filter:drop-shadow(0 0 8px #f8c46b);animation:work-halo 2.2s ease-in-out infinite}.hint-finger{position:absolute;transform:translate(-16px,-5px);filter:drop-shadow(0 3px 6px #0009);animation:work-tap 2.2s ease-in-out infinite;transform-origin:16px 5px}.hint-ripple{position:absolute;width:28px;height:28px;margin:-14px;border:2px solid #ffe1a4;border-radius:50%;animation:work-ripple 2.2s ease-out infinite}#artwork-hint p{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px);text-align:center;margin:0;background:#11151aee;border:1px solid #ffe1a440;border-radius:12px;padding:16px 22px;color:#fff6e6;box-shadow:0 6px 30px #0005;font:500 17px/1.45 Arial,sans-serif}#artwork-hint p span{display:block;margin-top:5px;font:12px/1.5 Arial,sans-serif;color:#c9c5bc}@keyframes work-halo{0%,100%{stroke-opacity:.65}50%{stroke-opacity:1}}@keyframes work-tap{0%,25%,100%{transform:translate(-10px,10px) scale(1)}40%,54%{transform:translate(-16px,-5px) scale(.9)}70%{transform:translate(-10px,10px) scale(1)}}@keyframes work-ripple{0%,35%{opacity:0;transform:scale(.5)}42%{opacity:1;transform:scale(.6)}80%,100%{opacity:0;transform:scale(2.2)}}@media(max-width:640px){#artwork-hint p{bottom:95px;padding:13px 16px;font-size:15px}#artwork-hint p span{font-size:11px}}@media(prefers-reduced-motion:reduce){.hint-finger{transform:translate(-16px,-5px)}.hint-ripple{display:none}}

#viewing-hint{position:fixed;z-index:5;left:50%;bottom:108px;transform:translateX(-50%);margin:0;padding:14px 20px;border-radius:12px;background:#13171fee;border:1px solid #e1a48c66;color:#fff4df;font:15px/1.4 Arial,sans-serif;text-align:center;pointer-events:none;box-shadow:0 5px 24px #0006;max-width:calc(100vw - 40px);width:max-content}#viewing-hint[hidden]{display:none}
#navigation-dock{display:none;position:fixed;z-index:4;bottom:78px;left:24px;align-items:center;gap:8px;touch-action:none}.explore-active #navigation-dock{display:flex}#navigation-dock #move-pad{position:static;display:grid;grid-template-columns:repeat(4,44px);gap:5px;transform:none}#navigation-dock #move-pad button{width:44px;min-width:44px;min-height:44px;height:44px;display:grid;place-items:center;padding:8px}#previous-work,#next-work{width:44px;min-width:44px;min-height:58px;padding:8px;border-radius:10px;background:#141820e8;font-size:22px;color:var(--accent)}#rotate-hint{position:fixed;z-index:4;bottom:205px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);width:max-content;margin:0;padding:9px 13px;background:#13171fe8;border-radius:9px;color:#e5d8c6;font:12px/1.5 Arial,sans-serif;text-align:center;pointer-events:none}#rotate-hint[hidden]{display:none}#viewing-hint{bottom:160px}header,footer,#navigation-dock,#navigation-status,#rotate-hint{transition:opacity 1.8s ease}.controls-idle header,.controls-idle footer,.controls-idle #navigation-dock,.controls-idle #navigation-status,.controls-idle #rotate-hint{opacity:.055}@media(max-height:480px){#navigation-dock{bottom:30px}#viewing-hint{bottom:125px}#rotate-hint{bottom:165px}#navigation-status{top:70px;font-size:10px;padding:6px 10px;max-width:250px}header{top:15px}footer{bottom:8px}}
/* Idle leaves only a quiet brand glyph over the gallery. */
.controls-idle header{opacity:1}
.controls-idle header .identity>.glyph{opacity:.14}
.controls-idle header .identity>span:last-child,.controls-idle header .top-controls,.controls-idle footer,.controls-idle #navigation-dock,.controls-idle #navigation-status,.controls-idle #rotate-hint,.controls-idle #viewing-hint,.controls-idle #artwork-hint,.controls-idle .title-wrap{opacity:0}
header .identity>.glyph,header .identity>span:last-child,header .top-controls,#viewing-hint,#artwork-hint,.title-wrap{transition:opacity 1.8s ease}

html,body{touch-action:none}#navigation-dock #move-pad{grid-template-columns:repeat(3,44px)}

.controls-idle #artwork-hint:not([hidden]){opacity:1}



.top-controls #fullscreen-toggle{width:44px;min-width:44px;padding:10px;display:grid;place-items:center}.fullscreen-fallback header{top:max(15px,env(safe-area-inset-top))}html:fullscreen,html:-webkit-full-screen{width:100%;height:100%;background:#090b0c}

#video-hud{position:fixed;z-index:6;bottom:78px;left:calc(50% + 155px);display:flex;align-items:center;gap:8px;padding:8px 10px;background:#101319e8;border:1px solid #ffffff25;border-radius:10px;color:#eee;font:11px Arial,sans-serif;transition:opacity 1.5s;touch-action:none}#video-hud[hidden]{display:none}#video-seek{width:110px;accent-color:#e89160}#video-restart{min-width:36px;min-height:36px;padding:5px;font-size:22px}#video-time{white-space:nowrap}.controls-idle #video-hud{opacity:0}.video-cinema header,.video-cinema footer,.video-cinema #navigation-dock,.video-cinema #navigation-status,.video-cinema #rotate-hint,.video-cinema #viewing-hint,.video-cinema #artwork-hint,.video-cinema .title-wrap,.video-cinema .shade,.video-cinema .grain{opacity:0!important}.video-cinema:not(.controls-idle) #navigation-dock{opacity:1!important}@media(max-width:950px){#video-hud{left:50%;transform:translateX(-50%);bottom:170px}}@media(max-height:480px){#video-hud{bottom:110px}}
.shade,.grain{transition:opacity 1.8s ease}
@media(prefers-reduced-motion:reduce){#video-hud,.shade,.grain{transition:none}}
#reward-toast{position:fixed;z-index:7;top:18%;left:50%;transform:translate(-50%,0) scale(.85);margin:0;background:#11151aee;border:1px solid #ffe1a440;border-radius:12px;padding:16px 26px;color:#fff6e6;box-shadow:0 6px 30px #0005;font:600 20px/1.45 Arial,sans-serif;letter-spacing:.04em;opacity:0;transition:opacity .7s ease,transform .7s ease;pointer-events:none;white-space:nowrap}#reward-toast[hidden]{display:none}#reward-toast.collected{opacity:1;transform:translate(-50%,0) scale(1)}@media(max-width:640px){#reward-toast{font-size:16px;padding:13px 18px}}@media(prefers-reduced-motion:reduce){#reward-toast{transition:none;opacity:1;transform:translate(-50%,0) scale(1)}}
.controls-idle #reward-toast,.video-cinema #reward-toast{opacity:0}

#video-fullscreen{min-width:36px;min-height:36px;padding:5px;font-size:21px}.native-gallery-video{position:fixed;left:-2px;top:-2px;width:1px;height:1px;pointer-events:none}.native-gallery-video:fullscreen,.native-gallery-video:-webkit-full-screen{left:0;top:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:auto}

/* Artwork stepping stays at the screen edges, clear of the walking pad. */
#artwork-navigation{display:none;position:fixed;inset:0;z-index:4;pointer-events:none;transition:opacity 1.8s ease}
.explore-active #artwork-navigation{display:block}
#artwork-navigation button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;touch-action:none}
#previous-work{left:max(16px,env(safe-area-inset-left))}
#next-work{right:max(16px,env(safe-area-inset-right))}
.controls-idle #artwork-navigation,.video-cinema #artwork-navigation{opacity:0;pointer-events:none}
.controls-idle #artwork-navigation button,.video-cinema #artwork-navigation button{pointer-events:none}
.video-cinema:not(.controls-idle) #artwork-navigation{opacity:1}
.video-cinema:not(.controls-idle) #artwork-navigation button{pointer-events:auto}

#artwork-navigation button[hidden]{display:none}
#share-toggle{width:44px;min-width:44px;padding:10px;display:grid;place-items:center}
#share-modal{position:fixed;inset:0;z-index:9;background:#06080acc;display:flex;align-items:center;justify-content:center;padding:20px}
#share-modal[hidden]{display:none}
.share-box{background:#11151aee;border:1px solid #ffe1a440;border-radius:14px;padding:22px 24px;width:min(92vw,460px);box-shadow:0 10px 40px #000a}
.share-box p{margin:0 0 12px;color:#fff6e6;font:600 17px/1.4 Arial,sans-serif;letter-spacing:.02em}
.share-row{display:flex;gap:8px}
.share-row input{flex:1;min-width:0;background:#0b0e12;border:1px solid #ffffff2a;border-radius:8px;color:#e8e4da;padding:10px 12px;font:12px/1.3 ui-monospace,monospace}
#share-copy,#share-close{border:none;border-radius:8px;background:#e89160;color:#1a1208;font:600 14px Arial,sans-serif;padding:10px 14px;cursor:pointer;white-space:nowrap}
#share-copy.copied{background:#7fb069;color:#0c1408}
#share-close{margin-top:12px;width:100%}

#location-picker{position:fixed;z-index:8;top:64px;left:3.5vw;max-width:92vw;background:#090b0c40;border:1px solid #ffffff80;border-radius:6px;color:#ece9e0;font:12px/1.4 Arial,sans-serif;padding:6px 8px;opacity:.92;transition:opacity 1.8s ease;white-space:nowrap}
#location-picker option{background:#11151a;color:#ece9e0}
.controls-idle #location-picker{opacity:0}
.video-cinema #location-picker{opacity:0!important}
@media(max-width:640px){#location-picker{top:58px;left:24px}}