html,body{background:radial-gradient(circle at 50% 65%,#354f6a3d,#0000 48%),linear-gradient(155deg,#030711 0%,#071426 52%,#172b40 100%);width:100%;height:100%;margin:0;overflow:hidden}canvas{cursor:grab;display:block}canvas:active{cursor:grabbing}canvas.over-portal{cursor:pointer}#archive-ui{z-index:2;color:#e2e9efd6;pointer-events:none;-webkit-font-smoothing:antialiased;transition:opacity .7s;position:fixed;inset:0}#archive-ui:before{content:"";background:radial-gradient(at 50% 48%,#0000 35%,#01050d47 78%,#01040a94 100%),linear-gradient(#02060f1f,#0000 28%,#0207102e);position:absolute;inset:0}#archive-header{position:absolute;top:clamp(30px,6vh,68px);left:clamp(28px,5vw,76px)}#archive-header h1{color:#eef2f5eb;letter-spacing:-.025em;margin:0;font:400 clamp(34px,4.6vw,68px)/.92 Iowan Old Style,Baskerville,Times New Roman,serif}#archive-header p,#archive-hint{color:#b9c7d294;letter-spacing:.13em;text-transform:lowercase;margin:13px 0 0;font:400 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}#archive-hint{color:#c7d3dc75;margin:0;position:absolute;bottom:clamp(24px,4vh,44px);left:50%;transform:translate(-50%)}.archive-label{opacity:.62;will-change:transform;width:0;height:0;transition:opacity .25s;position:absolute;top:0;left:0}.archive-label:before{content:"";border:1px solid #e0eaf1b8;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 8px #afcde357}.archive-label:after{content:"";background:#c1d1dc66;width:30px;height:1px;position:absolute;top:0}.label-right:after{left:7px}.label-left:after{right:7px}.archive-copy{color:#c9d5dead;letter-spacing:.035em;white-space:nowrap;width:max-content;max-width:240px;font:400 9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:-13px}.label-right .archive-copy{left:44px}.label-left .archive-copy{text-align:right;right:44px}.archive-copy strong,.archive-copy span{font-weight:400;display:block}.archive-copy strong{color:#e7edf1d6;letter-spacing:.06em;margin-bottom:2px}.archive-label.active{opacity:1}body.clear #archive-ui{opacity:0}#language-toggle{z-index:5;color:#e0e8eeb8;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d2dee74d;padding:6px 0;font:400 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;top:clamp(26px,4.5vh,48px);right:clamp(24px,4vw,58px)}#language-toggle:hover,#language-toggle:focus-visible{color:#f6f9fbf5;border-bottom-color:#e6eef4b8;outline:0}#detail-ui{z-index:2;color:#e8eef3e6;pointer-events:none;opacity:0;-webkit-font-smoothing:antialiased;transition:opacity .7s;position:fixed;inset:0}body.clear #detail-ui{opacity:1}#detail-title,#detail-back{letter-spacing:.08em;font:400 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;left:clamp(26px,4vw,58px)}#detail-title{font-weight:400;top:clamp(28px,4.5vh,50px)}#detail-back{color:#c7d4de7a;font-size:8px;top:clamp(50px,7.5vh,78px)}#caption{color:#f4f7f9f0;letter-spacing:.025em;text-align:center;text-wrap:balance;text-shadow:0 1px 12px #000814e6,0 2px 26px #000814b8;width:min(82vw,900px);min-height:3.4em;margin:0;font:400 clamp(15px,1.25vw,19px)/1.7 system-ui,-apple-system,Segoe UI,sans-serif;position:absolute;bottom:clamp(38px,6.5vh,72px);left:50%;transform:translate(-50%)}#controls-hint{z-index:5;color:#e0e8ee8f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.08em;pointer-events:none;opacity:0;background:#030a143d;border-left:1px solid #dae4eb33;gap:10px;min-width:210px;padding:12px 14px;font:400 8px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;transition:opacity .55s,transform .55s;display:grid;position:fixed;bottom:clamp(22px,3.5vh,38px);right:clamp(22px,3vw,44px);transform:translateY(8px)}#controls-hint.visible{opacity:1;transform:translateY(0)}.control-line{align-items:center;gap:12px;display:flex}.mouse-mark{box-sizing:border-box;border:1px solid #e2ebf17a;border-radius:9px;width:17px;height:24px;position:relative}.mouse-mark:after{content:"";background:#e7eef394;width:1px;height:5px;position:absolute;top:4px;left:7px}.key-mark{grid-template-columns:repeat(3,15px);gap:2px;display:grid}.key-mark kbd{color:#ebf1f59e;background:#ebf1f50d;border:1px solid #e2ebf152;border-radius:2px;place-items:center;width:15px;height:15px;font:400 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.key-mark kbd:first-child{grid-column:2}#loading-status{z-index:4;color:#ebf7fff5;letter-spacing:.08em;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031234b8;border:1px solid #a0d2ff47;border-radius:999px;padding:9px 14px;font:12px/1.2 system-ui,sans-serif;transition:opacity .2s,transform .2s;position:fixed;bottom:7vh;left:50%;transform:translate(-50%,8px);box-shadow:0 8px 32px #2878ff33}#transition-fog{z-index:3;pointer-events:none;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8);background:#04123257;transition:opacity .9s,visibility 0s linear .9s;position:fixed;inset:-12%;overflow:hidden}#transition-fog:before,#transition-fog:after{content:"";filter:blur(30px);background:radial-gradient(at 26% 44%,#dcf0ffe0 0%,#5fa0eb6b 22%,#0000 55%),radial-gradient(at 72% 58%,#91c8ffa8 0%,#1e5abe57 28%,#0000 62%);animation:5.5s ease-in-out infinite alternate fog-drift;position:absolute;inset:-20%}#transition-fog:after{opacity:.72;animation-duration:7s;animation-direction:alternate-reverse;transform:scaleX(-1)rotate(9deg)}#transition-fog.active{visibility:visible;opacity:1;transition:opacity .75s}@keyframes fog-drift{0%{transform:translate(-4%,-2%)scale(1)}to{transform:translate(5%,3%)scale(1.1)}}#loading-status.visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){#loading-status,#transition-fog{transition-duration:.001ms}#transition-fog:before,#transition-fog:after{animation:none}#controls-hint{transition-duration:.001ms}}@media (width<=700px){#archive-header h1{font-size:34px}#archive-header p{max-width:240px}.archive-copy{font-size:7px;line-height:1.45}.label-right .archive-copy{left:28px}.label-left .archive-copy{right:28px}.archive-label:after{width:18px}#caption{width:86vw;font-size:14px;line-height:1.6;bottom:42px}#controls-hint{transform-origin:100% 100%;min-width:180px;bottom:18px;right:18px;transform:scale(.9)translateY(8px)}#controls-hint.visible{transform:scale(.9)translateY(0)}}