.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.terminal{background:#090b0def;border:1px solid #ffffff29;color:#d7ded9;box-shadow:0 16px 50px #0002;font:12px/1.7 'Courier New',monospace;border-radius:3px;overflow:hidden}
.terminal-bar{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #ffffff1a;color:#8c9692;font:9px/1.4 'Courier New',monospace;letter-spacing:.06em}.terminal-bar span:first-child{letter-spacing:3px;color:#62776e}
.archive-panel{position:fixed;top:50%;transform:translateY(-50%);width:clamp(210px,23vw,320px);z-index:1002;max-height:calc(100svh - 190px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#526159 #111;overscroll-behavior:contain}
.character-panel{left:2.2vw}.series-panel{right:2.2vw}.archive-panel h2{font:400 clamp(17px,1.7vw,24px)/1.3 'Courier New',monospace;color:#fff;letter-spacing:-.04em;margin:22px 20px 10px;min-height:1.3em}.archive-panel p{margin:12px 20px;white-space:pre-line}.archive-panel .record-label{color:#a8bbb0;font-size:10px}.archive-panel .record-stat{border-top:1px solid #ffffff1a;padding-top:14px;margin-top:22px;font-size:10px;letter-spacing:.07em;color:#c4d4ca}.archive-panel .record-note{font-size:10px;color:#a6afaa}.archive-panel a{display:block;margin:14px 20px;font-size:11px;text-underline-offset:4px}.archive-panel small{display:block;margin:14px 20px 20px;color:#929d96;font-size:9px;line-height:1.5}
.archive-panel:empty,html:not(.reference-ready) .archive-panel,.intro-active .archive-panel{visibility:hidden}
.intro-title{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#080b10;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}.intro-title img{width:min(65vw,600px);height:auto}.title-only .intro-title{opacity:1;visibility:visible}.title-only .intro-top,.title-only .intro-bottom,.title-only #intro-caption{opacity:0;pointer-events:none}.title-only .intro-top:focus-within{opacity:1;pointer-events:auto;z-index:5}
#film-intro #intro-caption{left:auto!important;top:auto!important;right:2.2vw;bottom:100px;max-width:none!important;width:min(420px,43vw);text-shadow:none;pointer-events:none;min-height:134px;transition:opacity .2s}
#intro-caption p{font:14px/1.8 'Courier New',monospace;letter-spacing:0;margin:20px 24px;min-height:3.6em;color:#e0e8e2}#intro-caption p:after{content:'▌';color:#9bbeaa;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}#intro-status{visibility:hidden}#intro-play{z-index:6}
@media(max-width:900px){.archive-panel{width:24vw;font-size:11px}.archive-panel h2{margin:16px 14px 8px}.archive-panel p,.archive-panel a,.archive-panel small{margin-left:14px;margin-right:14px}}
@media(max-width:650px){.archive-panel{top:auto;bottom:115px;transform:none;width:calc(50vw - 18px);max-height:30svh;font-size:10px}.character-panel{left:12px}.series-panel{right:12px}.archive-panel h2{font-size:15px;margin:12px 10px 6px}.archive-panel p,.archive-panel a,.archive-panel small{margin:10px}.terminal-bar{padding:8px 10px;font-size:8px}.archive-panel .record-stat{margin-top:12px;padding-top:10px}.archive-panel .record-note,.archive-panel small{font-size:9px}#film-intro #intro-caption{right:16px;bottom:105px;width:calc(100vw - 32px);min-height:115px}#intro-caption p{font-size:12px;margin:16px 18px}.museum-nav{bottom:25px}.credit{bottom:60px!important}.intro-title img{width:85vw}}
@media(max-height:550px) and (min-width:651px){.archive-panel{max-height:calc(100svh - 100px);width:25vw}#film-intro #intro-caption{bottom:75px}}
@media(prefers-reduced-motion:reduce){.intro-title{transition:none}#intro-caption p:after{animation:none}}

.type-target{position:relative}.type-reserve{display:block;visibility:hidden}.typed-visual{position:absolute;inset:0}.record-stat .typed-visual{padding-top:14px}@media(max-width:650px){.record-stat .typed-visual{padding-top:10px}}

.archive-panel a{color:#d7ded9}.intro-title:not(.logo-ready):before{content:'AFTERFORM';position:absolute;color:#eef1f3;font:400 clamp(32px,8vw,100px)/1 'Courier New',monospace;letter-spacing:-.06em}.intro-title:not(.logo-ready) img{opacity:0}
