:root{--bg: #000000;--fg: #f2f2f2;--dim: #8a8a8a;--faint: #2a2a2a;--card: #ffffff;--mono: "Martian Mono Variable", "SF Mono", "Roboto Mono", Menlo, monospace;--sans: "Archivo Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:15px}.expanded{font-variation-settings:"wdth" 125}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--sans)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;cursor:grab}#stage.dragging{cursor:grabbing}#stage.card-hover{cursor:pointer}#masthead{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:1rem 1.4rem .85rem;background:var(--bg);border-bottom:1px solid var(--faint);pointer-events:none}#masthead h1{font-size:.95rem;font-weight:600;font-variation-settings:"wdth" 125;letter-spacing:.16em;text-transform:uppercase}.mast-sub{font-family:var(--mono);color:var(--dim);font-size:.68rem;letter-spacing:.06em;margin-top:.3rem}#series-nav{display:flex;flex-wrap:wrap;gap:.35rem;pointer-events:auto}#series-nav button{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);background:transparent;border:1px solid var(--faint);border-radius:0;padding:.32rem .55rem;cursor:pointer}#series-nav button:hover{color:var(--fg);border-color:var(--fg)}#series-nav button .rn{color:var(--fg);margin-right:.4em}.series-head{position:fixed;left:0;top:0;z-index:1;width:min(44vw,680px);pointer-events:none;white-space:nowrap;transition:opacity .3s;font-family:var(--mono);border-top:1px solid var(--fg);padding-top:.45rem;display:flex;justify-content:space-between;gap:1rem}.series-head .st{font-family:var(--sans);font-weight:600;font-variation-settings:"wdth" 125;font-size:.7rem;letter-spacing:.1em;color:var(--fg)}.series-head .sd{font-size:.66rem;letter-spacing:.05em;color:var(--dim)}#hover-label{position:fixed;z-index:30;max-width:250px;background:#0d0d0d;color:var(--fg);padding:.65rem .8rem .7rem;border:1px solid var(--fg);pointer-events:none;transform:translateY(-50%)}.hl-cat{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:#8a8a8a}.hl-name{font-size:.9rem;font-weight:500;margin:.25rem 0 .3rem}.hl-meta{font-family:var(--mono);font-size:.64rem;color:#b0b0b0;line-height:1.55;white-space:normal}#tether{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:29;pointer-events:none}#tether line{stroke:var(--card);stroke-width:1}#detail[hidden]{display:none}#detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:auto}#detail .detail-card{position:relative;width:min(58vw,880px);height:min(62vh,600px);display:grid;grid-template-columns:minmax(280px,5fr) 6fr;background:#0d0d0d;color:var(--fg);border:1px solid var(--fg);opacity:0;transform:translateY(4px);transition:opacity .15s ease-out,transform .15s ease-out}#detail.open .detail-card{opacity:1;transform:none}#detail-close{position:absolute;top:.65rem;right:.8rem;z-index:2;font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg);background:#0d0d0d;border:1px solid #555;padding:.35rem .6rem;cursor:pointer}#detail-close:hover{background:var(--fg);color:#000;border-color:var(--fg)}.detail-left{padding:1.4rem 1.4rem 1.2rem;overflow-y:auto;border-right:1px solid #3a3a3a;background:#0d0d0d}.detail-left,#detail .detail-card{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.detail-left::-webkit-scrollbar,#detail .detail-card::-webkit-scrollbar{width:6px}.detail-left::-webkit-scrollbar-track,#detail .detail-card::-webkit-scrollbar-track{background:transparent}.detail-left::-webkit-scrollbar-thumb,#detail .detail-card::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:0}.detail-left::-webkit-scrollbar-thumb:hover,#detail .detail-card::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.detail-left figure{margin-bottom:1.1rem}.detail-left img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--fg)}.detail-left figcaption{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:#8a8a8a;padding-top:.5rem}.detail-left h2{font-weight:600;font-size:1.3rem;letter-spacing:-.01em;margin-bottom:.8rem}#d-meta{display:grid;grid-template-columns:auto 1fr;gap:.32rem 1rem;font-size:.78rem;margin-bottom:.9rem}#d-meta dt{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#777;padding-top:.12rem}#d-meta dd{color:#eaeaea}#d-note{font-size:.85rem;line-height:1.6;color:#b8b8b8;border-top:1px solid #3a3a3a;padding-top:.85rem}#d-source{margin-top:.7rem;font-family:var(--mono);font-size:.7rem}#d-source a{color:var(--fg)}.detail-right{display:flex;flex-direction:column;min-width:0;min-height:0;background:#000}#viewer{flex:1;min-height:0;position:relative}#viewer canvas{display:block}#viewer.stamp-mode{cursor:crosshair}.viewer-ui{padding:.75rem 1rem .85rem;background:#0d0d0d;color:var(--fg);border-top:1px solid #3a3a3a;display:flex;flex-direction:column;gap:.5rem}.ui-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.ui-label{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#777;min-width:7.5rem}.ui-row button,.seg button{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:#ddd;background:transparent;border:1px solid #555;border-radius:0;padding:.28rem .6rem;cursor:pointer}.ui-row button:hover,.seg button:hover{border-color:var(--fg);color:var(--fg)}.ui-row button.on,.seg button.on{color:#000;background:var(--fg);border-color:var(--fg)}.seg{display:flex;gap:0}.seg button+button{border-left:none}#param{flex:1;min-width:120px;accent-color:var(--fg)}.ui-hint{font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;color:#666}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .6s}#loading.done{opacity:0;pointer-events:none}.load-inner{text-align:center}.load-inner h2{font-weight:600;letter-spacing:.24em;text-transform:uppercase;font-size:.85rem;margin-bottom:.9rem}#load-status{font-family:var(--mono);color:var(--dim);font-size:.68rem;letter-spacing:.06em;margin-bottom:1rem}.load-bar{width:240px;height:1px;background:var(--faint);margin:0 auto}#load-fill{height:100%;width:0%;background:var(--fg);transition:width .2s}#colophon{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:.6rem 1.4rem;text-align:center;font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;color:#555;background:linear-gradient(to top,#000000eb,#0000);pointer-events:none}#colophon a{color:#999;pointer-events:auto}#colophon a:hover{color:var(--fg)}@media(max-width:900px){#detail .detail-card{width:92vw;height:80vh;grid-template-columns:1fr;overflow-y:auto}.detail-left{border-right:none;border-bottom:1px solid #3a3a3a;overflow-y:visible}.detail-right{min-height:420px;flex:none}#masthead{flex-direction:column;align-items:flex-start;gap:.5rem}.series-head{width:84vw}}#stage canvas{transition:filter .25s ease}#stage.receded canvas{filter:blur(1.5px)}