:root{--bg: #000;--hairline: #232323;--ink: #e2ded6;--dim: #71716c;--mono: "SF Mono", ui-monospace, "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--bar-h: 2.5rem;--tele-h: 1.75rem}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden}body{display:grid;grid-template-rows:var(--bar-h) 1fr var(--tele-h)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}#bar,#tele{display:flex;align-items:center;gap:1.5rem;padding:0 .75rem;font-size:.625rem;letter-spacing:.14em;white-space:nowrap;-webkit-user-select:none;user-select:none}#bar{border-bottom:1px solid var(--hairline)}#tele{border-top:1px solid var(--hairline);color:var(--dim)}#wordmark{color:var(--ink);text-decoration:none;font-size:.6875rem;letter-spacing:.32em}#arraylabel{color:var(--dim)}#barright{margin-left:auto;display:flex;align-items:center;gap:1.5rem}#indexbtn{letter-spacing:.2em;color:var(--dim);padding:.25rem 0}#indexbtn:hover{color:var(--ink)}#clock{color:var(--dim);font-variant-numeric:tabular-nums}#coords{font-variant-numeric:tabular-nums;min-width:11ch}#hint{margin-left:auto}#status.live{color:var(--ink)}#status.live:before{content:"●";color:#c33;margin-right:.5em;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}#wall{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;grid-auto-flow:dense;gap:2px;background:var(--bg);min-height:0}.cell{position:relative;overflow:hidden;background:#050505;cursor:pointer;border:none;padding:0}.cell.feature{grid-column:span 2;grid-row:span 2}.cell video,.cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.92);transition:filter .35s ease}.cell:hover video,.cell:hover img,.cell:focus-visible video,.cell:focus-visible img{filter:saturate(1.05) brightness(1.05)}.cell:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.cell .tag{position:absolute;left:.5rem;right:.5rem;bottom:.375rem;font-size:.5625rem;letter-spacing:.12em;text-align:left;color:var(--ink);opacity:.45;text-shadow:0 1px 3px #000;transition:opacity .25s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell:hover .tag,.cell:focus-visible .tag{opacity:1}.cell.nosignal{cursor:default;background:#030303;display:grid;place-items:center}.cell.nosignal .tag{position:static;color:var(--dim);opacity:.4;animation:nosig 7s steps(1) infinite}@keyframes nosig{0%,92%{opacity:.4}93%,96%{opacity:.1}97%{opacity:.55}}.cell.glitch video,.cell.glitch img{animation:glitch .28s steps(3)}@keyframes glitch{25%{filter:saturate(0) brightness(1.6) contrast(2);transform:translate(2px)}60%{filter:saturate(1.4) brightness(.7);transform:translate(-2px) scaleY(1.02)}}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);padding:calc(var(--bar-h) + 1rem) 1rem;font-size:.625rem;letter-spacing:.14em;color:var(--dim);line-height:1.9;pointer-events:none;transition:opacity .4s ease}html:not(.booting) #boot{opacity:0}.booting .cell{opacity:0}.cell{opacity:1;transition:opacity .05s steps(2)}#tuner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--bg);opacity:0;transition:opacity .35s ease}#tuner.open{opacity:1}#tuner video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#tuner-strip{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:1.75rem;padding:.625rem .75rem;font-size:.625rem;letter-spacing:.14em;color:var(--ink);background:linear-gradient(transparent,#000000bf);white-space:nowrap;-webkit-user-select:none;user-select:none}#tuner-ch{font-variant-numeric:tabular-nums}#tuner-note,#tuner-src,#tuner-keys{color:var(--dim)}#tuner-note{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}#tuner-tc{font-variant-numeric:tabular-nums}#indexpanel{margin:auto;background:var(--bg);color:var(--ink);border:1px solid var(--hairline);padding:2rem 2.25rem;max-width:34rem;width:calc(100vw - 2rem);font-family:var(--mono)}#indexpanel::backdrop{background:#000000a6}#indexbody h1{font-size:.75rem;letter-spacing:.32em;margin-bottom:1rem}#statement{font-size:.6875rem;letter-spacing:.06em;line-height:1.8;color:var(--dim);max-width:28rem;margin-bottom:1.5rem}#indexlist{list-style:none;margin-bottom:1.5rem}#indexlist li{display:grid;grid-template-columns:3.5ch 1fr;gap:1rem;padding:.45rem 0;border-top:1px solid var(--hairline);font-size:.625rem;letter-spacing:.14em}#indexlist li:last-child{border-bottom:1px solid var(--hairline)}#indexlist .num{color:var(--dim);font-variant-numeric:tabular-nums}#indexlist button{text-align:left;letter-spacing:inherit;padding:0}#indexlist button:hover .t{text-decoration:underline;text-underline-offset:3px}#indexlist .n{color:var(--dim);display:block;margin-top:.2rem;letter-spacing:.08em}#contact{font-size:.625rem;letter-spacing:.14em}#contact a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--dim);padding-bottom:1px}#indexclose{margin-top:1.75rem;font-size:.625rem;letter-spacing:.2em;color:var(--dim)}#indexclose:hover{color:var(--ink)}@media(max-width:47rem){body{grid-template-rows:var(--bar-h) 1fr var(--tele-h)}#arraylabel,#coords,#hint{display:none}#wall{overflow-y:auto;grid-template-columns:repeat(2,1fr);grid-auto-rows:28vw}.cell.feature{grid-column:span 2;grid-row:span 2}#tuner-strip{flex-wrap:wrap;gap:.4rem 1.25rem}#tuner-keys{display:none}}@media(prefers-reduced-motion:reduce){.booting .cell,#boot{transition:none}.cell.glitch video,.cell.glitch img,.cell.nosignal .tag,#status.live:before{animation:none}}
