:root{--bg:#141510;--text:#eeeede;--muted:#93958a;--line:#35372e;--acid:#d9f474;--rail:clamp(154px,14vw,220px)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow:hidden;height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}a{color:inherit;text-decoration:none}.gallery{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--rail);gap:12px;height:100dvh;padding:12px}.left-rail,.right-rail{position:relative;min-width:0;display:flex;flex-direction:column;padding:16px 12px}.brand{font-size:21px;letter-spacing:.035em;display:block;white-space:nowrap}.brand span{display:block;font:7px 'Courier New',monospace;letter-spacing:.09em;color:var(--muted);margin-top:9px}.series-label{font:10px/1.7 'Courier New',monospace;letter-spacing:.025em;color:var(--acid);margin-top:36px}.series-label span{display:block;color:var(--muted);margin-top:10px}.left-middle{margin:auto 0}.instruction{display:flex;align-items:flex-start;gap:9px}.instruction p{font-size:11px;line-height:1.8;margin:0}.instruction p span{color:var(--muted)}.scroll-icon{border:1px solid #646752;border-radius:20px;width:21px;height:34px;display:grid;place-items:center;color:var(--acid);font-size:20px;flex-shrink:0}.auto-button{display:flex;align-items:center;gap:9px;text-align:left;font-size:10px;line-height:1.5;border-bottom:1px solid #555c43;padding:13px 0 10px;margin-top:20px}.auto-button>span:first-child{font-size:21px;color:var(--acid)}.auto-button:hover{color:var(--acid)}.left-bottom{display:flex;flex-direction:column;gap:22px}.text-button{font-size:11px;text-align:left;padding:0}.text-button span{color:var(--acid);margin-left:7px}.material-note{font:7px 'Courier New',monospace;color:#7c8070;letter-spacing:.02em}.exhibit{display:grid;place-items:center;min-width:0;min-height:0}.stage{width:min(100%,calc(100dvh - 24px));aspect-ratio:1;position:relative;background:#d6d6d3;touch-action:none;isolation:isolate}canvas,#fallback{width:100%;height:100%;display:block;object-fit:contain}#fallback[hidden]{display:none}.corner{position:absolute;width:9px;height:9px;color:var(--acid);pointer-events:none;z-index:2}.tl{left:-4px;top:-4px;border-top:1px solid;border-left:1px solid}.tr{right:-4px;top:-4px;border-top:1px solid;border-right:1px solid}.bl{left:-4px;bottom:-4px;border-bottom:1px solid;border-left:1px solid}.br{right:-4px;bottom:-4px;border-bottom:1px solid;border-right:1px solid}.stage-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font:8px 'Courier New',monospace;letter-spacing:.1em;background:var(--bg);color:var(--acid);padding:8px 12px;white-space:nowrap;transition:opacity .4s;pointer-events:none}.stage-hint.hidden{opacity:0}.loading{position:absolute;inset:0;display:grid;place-content:center;background:var(--bg);font:10px monospace;color:var(--acid);text-align:center}.loading[hidden]{display:none}.loading span{margin-top:10px}.right-rail{padding-left:16px}.state-block{font:9px 'Courier New',monospace;letter-spacing:.05em;color:var(--acid)}.state-block p{font:14px/1.5 Arial,sans-serif;letter-spacing:0;color:var(--text);margin:13px 0 0}.effect-label{font:8px 'Courier New',monospace;letter-spacing:.035em;color:var(--acid);display:flex;gap:7px;align-items:center;align-self:flex-start;padding:0;margin-top:28px}.effect-label:hover{color:#fff}.effect-label i{width:4px;height:4px;border-radius:50%;background:var(--acid);display:inline-block}.work-details{margin:auto 0;min-width:0}.art-caption{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:10px 6px;align-items:center}.art-caption h2{font-size:18px;line-height:1.2;font-weight:400;margin:0;overflow-wrap:anywhere}.art-caption>span{grid-column:1/-1;font:9px/1.7 'Courier New',monospace;color:var(--muted)}.round-button{border:1px solid #55594a;border-radius:50%;width:22px;height:22px;font:italic 12px Georgia,serif;color:var(--muted);padding:0}.work-nav{display:flex;flex-direction:column;gap:13px;margin-top:28px;align-items:flex-start}.work-nav button{height:3px;background:#3c3f32;width:34px;padding:0;position:relative;transition:width .2s,background .2s}.work-nav button:before{content:'';position:absolute;inset:-6px -25px -6px 0}.work-nav button:after{content:attr(data-index);font:7px 'Courier New',monospace;color:var(--muted);position:absolute;left:calc(100% + 9px);top:-3px}.work-nav button.active{background:var(--acid);width:65px}.work-nav button.active:after{color:var(--acid)}.work-nav button:hover{background:#a5b96d}.right-bottom{display:flex;flex-direction:column;gap:22px}.actions{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.actions button{font-size:16px;color:var(--acid);padding:0;text-align:left;white-space:nowrap}.actions button span{font-size:11px;color:var(--text);margin-left:7px}.actions button:hover span{color:var(--acid)}.edition{color:#717661;font:8px 'Courier New',monospace;letter-spacing:.02em}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:var(--acid);color:var(--bg);padding:14px 23px;max-width:90vw;width:max-content;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:var(--text);background:#1c1e17;border:1px solid #4c523b;width:540px;max-width:92vw;max-height:85dvh;padding:48px}dialog::backdrop{background:#090b07c9;backdrop-filter:blur(12px)}dialog .close{position:absolute;right:18px;top:10px;font-size:28px;color:var(--muted)}.eyebrow{font:10px/1.7 'Courier New',monospace;color:var(--acid);letter-spacing:.065em}dialog h2{font-weight:400;font-size:39px;line-height:1.1;letter-spacing:-.03em}dialog h2 em{color:var(--acid);font-family:Georgia,serif;font-weight:400}dialog p{font-size:14px;line-height:1.8;color:#bdc0b0}dialog a{display:inline-block;border-bottom:1px solid var(--acid);padding-bottom:6px;margin:15px 0;color:var(--acid);font-size:13px}dialog small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:18px}dialog small button{text-decoration:underline;color:var(--acid);font-size:11px;padding:0}
@media(max-width:1100px) and (min-width:701px){:root{--rail:145px}.gallery{gap:9px;padding:10px}.left-rail,.right-rail{padding:12px 6px}.brand{font-size:18px}.brand span{font-size:6px}.instruction p{font-size:10px}.series-label{font-size:9px}.art-caption h2{font-size:16px}.actions button span{font-size:10px}.state-block p{font-size:13px}}
@media(max-width:700px),(orientation:portrait){.gallery{grid-template-columns:1fr;grid-template-rows:62px minmax(0,1fr) auto;gap:0;padding:0 8px 0}.left-rail{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 9px;gap:14px}.brand{font-size:16px}.brand span{font-size:5.5px;margin-top:6px;letter-spacing:.04em}.series-label{font-size:7px;line-height:1.6;margin:0 auto 0 0}.series-label span{display:none}.left-middle{margin:0}.instruction{display:none}.auto-button{margin:0;padding:0;border:1px solid #55594a;border-radius:50%;width:27px;height:27px;justify-content:center;gap:0;font-size:0}.auto-button>span:first-child{font-size:16px}.left-bottom{display:block}.material-note{display:none}.text-button{font-size:0}.text-button span{font-size:18px;margin:0}.exhibit{padding:4px 0;align-content:center}.stage{width:min(100%,calc(100dvh - 222px))}.stage-hint{font-size:7px;padding:7px 10px;bottom:11px}.right-rail{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'details effect' 'state state' 'nav nav' 'actions actions';padding:13px 9px 12px;gap:12px 10px}.work-details{grid-area:details;margin:0;display:contents}.art-caption{grid-area:details;display:grid;grid-template-columns:auto 22px minmax(0,1fr);justify-content:start;gap:8px;align-items:center}.art-caption h2{font-size:17px}.art-caption>span{grid-column:auto;font-size:8px;line-height:1.4;justify-self:end;text-align:right;max-width:130px}.effect-label{grid-area:effect;margin:0;align-self:center;font-size:7px}.state-block{grid-area:state;display:flex;gap:10px;align-items:baseline;justify-content:space-between;font-size:8px}.state-block p{font-size:11px;margin:0;color:var(--muted)}.state-block br{display:none}.work-nav{grid-area:nav;display:flex;flex-direction:row;gap:6px;margin:0;width:100%;align-items:center}.work-nav button,.work-nav button.active{width:auto;flex:1;height:2px}.work-nav button:after{display:none}.work-nav button:before{inset:-5px 0}.right-bottom{grid-area:actions;display:block;border-top:1px solid var(--line);padding-top:13px}.actions{flex-direction:row;justify-content:space-between;gap:10px}.actions button{font-size:14px}.actions button span{font-size:10px;margin-left:4px}.edition{display:none}.toast{bottom:70px;font-size:11px}dialog{padding:35px 25px}dialog h2{font-size:31px}}
@media(max-width:400px){.series-label{font-size:6px}.left-rail{gap:10px}.art-caption{grid-template-columns:auto 20px}.art-caption>span{grid-column:1/-1;justify-self:start;text-align:left;max-width:none;font-size:8px}.art-caption h2{font-size:16px}.right-rail{gap:10px}.stage{width:min(100%,calc(100dvh - 234px))}.actions button span{font-size:9px}}
@media(max-height:650px) and (min-width:701px){.series-label{margin-top:20px}.right-rail,.left-rail{padding-top:7px;padding-bottom:7px}.state-block p{font-size:12px}.work-nav{gap:9px;margin-top:18px}.actions{gap:13px}.effect-label{margin-top:17px}.left-bottom,.right-bottom{gap:15px}.instruction p{font-size:10px}.auto-button{margin-top:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

@media(max-width:700px),(orientation:portrait){.text-button span{font-size:0}.text-button span:after{content:"?";display:grid;place-items:center;width:24px;height:24px;font:12px Arial,sans-serif;border:1px solid #55594a;border-radius:50%}}