.sketchbook-wrap{max-width:1420px}
.sketchbook-page .crt-scan,.sketchbook-page .crt-vig,.sketchbook-page .crt-flick{display:none}
.sketchbook-title{font-family:"VT323",monospace;font-size:clamp(66px,12vw,130px);font-weight:400;line-height:.82;margin:8px 0;color:var(--amber);text-shadow:0 0 18px rgba(255,176,0,.45)}
.random-tv{width:min(560px,100%);margin:34px auto 44px}
.tv-label{display:flex;justify-content:space-between;gap:12px;padding:0 5px 9px;color:var(--amber-dim);font-size:11px;letter-spacing:.13em}
.tv-screen{display:grid;place-items:center;width:100%;aspect-ratio:1;height:auto;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:6px;background:#050504;cursor:zoom-in}
.tv-screen img{position:relative;z-index:63;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none;animation:none}
.tv-caption{max-width:none;margin:10px 5px 0;color:var(--cyan);font-size:12px;text-align:center;min-height:1.5em}
.year-jump{display:flex;flex-wrap:wrap;gap:5px;margin:25px 0 40px}
.year-jump a{padding:5px 9px;border:1px solid var(--line);border-radius:4px;color:var(--cyan)}
.year{scroll-margin-top:20px;margin:0 0 46px}
.year-head{display:grid;grid-template-columns:56px auto minmax(120px,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;margin-bottom:13px;cursor:pointer;list-style:none;background:var(--bg-raise)}
.year-head::-webkit-details-marker{display:none}
.year-head:hover{border-color:var(--amber)}
.year-toggle{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--amber);border-radius:5px;color:var(--amber);font-size:34px;line-height:1;text-shadow:var(--glow);transition:transform .15s,background .15s}
.year[open] .year-toggle{transform:rotate(45deg);background:rgba(255,176,0,.1)}
.year-preview{display:flex;justify-content:flex-start;gap:7px;height:62px;overflow:hidden}
.year-preview img{position:relative;z-index:63;width:min(92px,28%);height:62px;object-fit:contain;background:#050504;border:1px solid var(--line);border-radius:3px}
.year-count{color:var(--paper-dim);font-size:12px;white-space:nowrap}
.year[open] .year-preview{opacity:.35}
.year-head h2{font-family:"VT323",monospace;font-size:52px;line-height:1;margin:0;color:var(--amber);font-weight:400;text-shadow:var(--glow)}
.year-head span{color:var(--paper-dim);font-size:12px}
.contact-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px}
.sketch{min-width:0;padding:0;background:var(--bg-raise);border:1px solid var(--line);border-radius:4px;color:var(--paper);font:inherit;text-align:left;cursor:zoom-in;overflow:hidden}
.sketch:hover{border-color:var(--amber);box-shadow:0 0 18px rgba(255,176,0,.18)}
.sketch img{position:relative;z-index:63;display:block;width:100%;height:255px;object-fit:contain;background:#050504}
.sketch span{display:block;min-height:46px;padding:8px 10px;color:var(--paper-dim);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;padding:42px 70px;background:rgba(0,0,0,.96);color:var(--paper)}
#lightbox::backdrop{background:#000}
.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;z-index:2;border:1px solid var(--line);background:var(--bg-raise);color:var(--paper);font:26px/1 "IBM Plex Mono",monospace;cursor:pointer}
.lightbox-close{right:18px;top:18px;width:44px;height:44px}
.lightbox-prev,.lightbox-next{top:50%;width:48px;height:58px;margin-top:-29px}
.lightbox-prev{left:14px}
.lightbox-next{right:14px}
#lightbox figure{height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px}
#lightbox img{position:relative;z-index:63;display:block;width:100%;height:100%;object-fit:contain;filter:none;animation:none}
#lightbox figcaption{color:var(--amber);text-align:center}
.lightbox-count{position:fixed;left:18px;bottom:14px;color:var(--paper-dim);font-size:12px}
@media(max-width:600px){.contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.year-head{grid-template-columns:48px auto minmax(70px,1fr);gap:8px;padding:7px}.year-toggle{width:42px;height:42px;font-size:30px}.year-preview{height:48px}.year-preview img{height:48px;width:min(66px,46%)}.year-preview img:nth-child(3){display:none}.year-count{display:none}
.random-tv{margin:26px auto 34px}.tv-screen{height:auto}.tv-label{font-size:9px}.tv-caption{font-size:10px}
.sketch img{height:180px}
.sketch span{font-size:11px}
.sketchbook-wrap{padding-inline:10px}
#lightbox{padding:54px 10px 70px}
.lightbox-prev,.lightbox-next{top:auto;bottom:12px}
.lightbox-prev{left:calc(50% - 62px)}
.lightbox-next{right:calc(50% - 62px)}
.lightbox-count{left:12px;top:18px;bottom:auto}
}