@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&family=Roboto+Condensed:wght@700&display=swap');
:root{--bg:#050806;--ink:#d9f5d2;--dim:#66826b;--line:#263d29;--acid:#b8ff3d;--red:#ff5e45;--panel:#09100a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:13px 'IBM Plex Mono',monospace;overflow-x:hidden}.scan{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#b8ff3d 4px)}.grid{position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px}header,main{width:min(1180px,calc(100% - 32px));margin:auto;position:relative}header{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sig{font-weight:700;color:var(--acid);font-size:15px;letter-spacing:.12em}nav{display:flex;gap:22px}a{color:inherit;text-decoration:none}a:hover{color:var(--acid)}.tape{height:26px;border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;color:var(--acid);font-size:9px}.tape div{padding:7px 0;display:inline-block;animation:marq 22s linear infinite}.hero{min-height:620px;display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:center;border-bottom:1px solid var(--line)}.stamp,.lab,.tag{font-size:10px;letter-spacing:.2em;color:var(--acid)}h1{font:700 clamp(56px,8.5vw,125px)/.79 'Roboto Condensed',sans-serif;letter-spacing:-.07em;margin:23px 0;color:var(--ink);text-shadow:4px 3px 0 #213c20}.hex{max-width:560px;color:var(--dim);font-size:9px;line-height:1.5;word-break:break-all}.hero-r{border-left:1px solid var(--line);padding-left:26px}.lead{font-size:15px;line-height:1.65}.micro{font-size:10px;line-height:1.9;color:var(--dim);margin-top:30px}button{border:1px solid var(--acid);background:var(--acid);color:#071007;padding:13px 16px;font:700 11px 'IBM Plex Mono';cursor:pointer;touch-action:manipulation}button:hover{background:transparent;color:var(--acid)}button:active{transform:translateY(1px)}section{padding:64px 0;border-bottom:1px solid var(--line)}.cols{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;margin-top:22px}.doss,.term{border:1px solid var(--line);background:rgba(9,16,10,.88);padding:22px;min-height:330px}.doss h2{font:700 38px/.93 'Roboto Condensed';color:var(--acid);margin:28px 0}.doss em{font-style:normal;color:var(--ink)}dl{display:grid;grid-template-columns:105px 1fr;gap:10px;font-size:11px}dt{color:var(--dim)}dd{margin:0}.red{color:var(--red)}.th{font-size:10px;color:var(--dim);padding-bottom:11px;border-bottom:1px solid var(--line)}.th span{float:right;color:var(--acid)}pre{font:12px/2 'IBM Plex Mono';color:var(--acid);white-space:pre-wrap}.cur{animation:blink .8s infinite}.bars{height:95px;display:flex;gap:4px;align-items:flex-end;border-bottom:1px solid var(--line)}.bars i{display:block;flex:1;background:var(--acid);opacity:.55;transition:height .3s}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.stats div{padding:17px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font:700 26px 'Roboto Condensed';color:var(--acid)}.stats span{font-size:9px;color:var(--dim)}.inv{display:grid;grid-template-columns:170px 1fr;gap:30px}.items{border-top:1px solid var(--line)}.it{display:grid;grid-template-columns:55px 1fr 90px;padding:16px 10px;border-bottom:1px solid var(--line);cursor:pointer}.it:hover{background:var(--acid);color:#061006}.it b{color:var(--acid);font-weight:400}.it:hover b{color:#061006}.it small{text-align:right}.rows{margin-top:22px}.rows>div{display:grid;grid-template-columns:120px 1fr 110px;padding:15px 0;border-bottom:1px solid var(--line)}.rows b{color:var(--acid);font-weight:400}.rows small{text-align:right;color:var(--dim)}blockquote{font:700 clamp(38px,6vw,78px)/.87 'Roboto Condensed';letter-spacing:-.06em;color:var(--acid);margin:65px 0 10px}footer{height:80px;display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:10px}@keyframes blink{50%{opacity:0}}@keyframes marq{to{transform:translateX(-50%)}}@media(max-width:720px){header,main{width:calc(100% - 24px)}header{height:auto;min-height:56px;align-items:flex-start;padding:13px 0;gap:10px}.sig{font-size:12px}nav{gap:9px;flex-wrap:wrap;justify-content:flex-end;font-size:9px}.hero{display:block;min-height:0;padding:65px 0}.hero h1{font-size:18vw;margin:25px 0}.hero-r{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:32px}.cols{grid-template-columns:1fr}.doss,.term{min-height:0}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.inv{display:block}.inv .lab{margin-bottom:20px}.it{grid-template-columns:35px 1fr}.it small{grid-column:2;text-align:left;margin-top:6px}.rows>div{grid-template-columns:78px 1fr;gap:8px}.rows small{grid-column:2;text-align:left}footer{height:auto;padding:24px 0;display:grid;gap:10px}section{padding:48px 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.vig{position:fixed;inset:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at 50% 45%,transparent 42%,rgba(0,0,0,.72) 100%)}
.err{position:fixed;top:0;left:0;right:0;z-index:40;pointer-events:none;font-size:10px;letter-spacing:.14em;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:66px 0 0 18px}
.err i{font-style:normal;background:var(--red);color:#0b0402;padding:4px 9px;opacity:0;transform:translateX(-14px);animation:errin .28s forwards}
.err i.g{background:var(--acid);color:#071007}
@keyframes errin{to{opacity:1;transform:none}}
.locator{position:fixed;z-index:11;pointer-events:none;left:0;top:0;opacity:0;transition:opacity .5s;mix-blend-mode:difference}
.locator span{font-size:8px;letter-spacing:.2em;color:var(--acid);border:1px solid var(--acid);padding:2px 5px;white-space:nowrap}
.locator.on{opacity:.85}
.locator:before,.locator:after{content:'';position:absolute;background:var(--red)}
.locator:before{left:-13px;top:50%;width:9px;height:1px}
.locator:after{left:50%;top:-13px;width:1px;height:9px}
.rcp .lab .live{color:var(--red);margin-left:12px;animation:blink 1.1s infinite}
.rcp-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;align-items:start}
.tick{grid-column:1/-1;font-size:9px;color:var(--dim);letter-spacing:.14em;border:1px solid var(--line);padding:8px 11px;white-space:nowrap;overflow:hidden}
.paper{border:1px solid var(--line);background:#070d07;padding:18px;height:340px;overflow:hidden;position:relative;font-size:11px;line-height:1.85;color:var(--acid)}
.paper:after{content:'';position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(transparent,#070d07)}
.paper .r{border-bottom:1px dashed var(--line);padding-bottom:7px;margin-bottom:9px;animation:feed .5s}
.paper .r u{text-decoration:none;color:var(--dim);display:block;font-size:9px}
.paper .r s{text-decoration:none;color:var(--red)}
@keyframes feed{from{opacity:0;transform:translateY(-14px)}}
.contra{border:1px solid var(--line);background:rgba(9,16,10,.9);padding:18px;height:340px;overflow:hidden}
.contra .lab{margin-bottom:14px;display:block}
.cx{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;padding:7px 0;border-bottom:1px solid var(--line)}
.cx span{color:var(--dim)}
.cx b{font-weight:400;color:var(--acid)}
.cx b.red{color:var(--red)}
.note{font-size:9px;color:var(--red);letter-spacing:.1em;margin:14px 0 0}
.gl{position:relative;display:inline-block}
.gl:before,.gl:after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.gl:before{color:var(--red);clip-path:inset(0 0 58% 0);transform:translate(-3px,-1px);opacity:.85}
.gl:after{color:#3df3ff;clip-path:inset(56% 0 0 0);transform:translate(3px,1px);opacity:.7}
.scr{cursor:help;border-bottom:1px dotted var(--line)}
@media(max-width:720px){.rcp-wrap{grid-template-columns:1fr}.paper,.contra{height:280px}.locator{display:none}.err{padding-left:12px}}
.rot{position:fixed;inset:0;z-index:7;pointer-events:none;overflow:hidden;opacity:.5}
.rot b{position:absolute;font:700 9px 'IBM Plex Mono';color:var(--acid);white-space:nowrap;opacity:.5;font-weight:400}
.pa{position:fixed;inset:0;z-index:37;pointer-events:none;overflow:hidden}
.pa i{position:absolute;font-style:normal;font-size:10px;color:var(--red);border:1px solid var(--red);padding:2px 6px;background:#0b0402;white-space:nowrap;animation:padrop linear forwards}
@keyframes padrop{from{transform:translateY(-30px);opacity:0}8%{opacity:.9}92%{opacity:.9}to{transform:translateY(102vh);opacity:0}}
.qbadge{position:fixed;right:16px;bottom:16px;z-index:39;border:1px solid var(--acid);background:#070d07;padding:12px 14px;font-size:10px;letter-spacing:.1em;width:150px;box-shadow:5px 5px 0 rgba(184,255,61,.12)}
.qbadge b{display:block;color:var(--dim);font-size:8px;letter-spacing:.2em}
.qbadge i{font-style:normal;display:block;font:700 30px 'Roboto Condensed';color:var(--acid);line-height:1}
.qbadge u{text-decoration:none;display:block;color:var(--dim);font-size:8px;letter-spacing:.2em;margin-top:8px}
.qbadge s{text-decoration:none;display:block;font:700 30px 'Roboto Condensed';color:var(--red);line-height:1}
.qbadge em{font-style:normal;display:block;color:var(--red);font-size:8px;margin-top:7px;animation:blink 1.3s infinite}
.loadbar{position:fixed;left:0;right:0;bottom:0;z-index:39;height:15px;border-top:1px solid var(--line);background:#050806;display:flex;align-items:center}
.loadbar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--acid) 0 8px,#0b1a06 8px 12px);transition:width .4s}
.loadbar span{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;color:var(--dim)}
body{animation:drift 13s ease-in-out infinite}
@keyframes drift{0%,100%{filter:none}47%{filter:hue-rotate(-8deg)}70%{filter:contrast(1.08) brightness(.96)}}
.jit{display:inline-block;animation:jit .16s steps(2) infinite}
@keyframes jit{50%{transform:translate(.5px,-.5px)}}
@media(max-width:720px){.qbadge{width:120px;bottom:26px;right:10px;padding:9px}.qbadge i,.qbadge s{font-size:22px}.rot{display:none}}
.crewlead{font-size:12px;color:var(--dim);max-width:640px;line-height:1.8;margin:14px 0 0}
.crewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.cd{margin:0;border:1px solid var(--line);background:#070d07;position:relative;overflow:hidden;transition:transform .18s}
.cd:before{content:'C4M 04';position:absolute;top:7px;left:9px;font-size:8px;letter-spacing:.2em;color:var(--dim);z-index:2}
.cd:after{content:'● R3C';position:absolute;top:7px;right:9px;font-size:8px;letter-spacing:.2em;color:var(--red);z-index:2;animation:blink 1.4s infinite}
.cd img{display:block;width:100%;height:auto;filter:saturate(.9)}
.cd figcaption{padding:13px;border-top:1px solid var(--line)}
.cd b{font-weight:400;color:var(--red);font-size:10px;letter-spacing:.16em;display:block}
.cd span{display:block;font:700 19px 'Roboto Condensed';color:var(--acid);letter-spacing:.02em;margin:3px 0 7px}
.cd u{text-decoration:none;display:block;font-size:10px;line-height:1.7;color:var(--dim);min-height:34px}
.cd s{text-decoration:none;display:inline-block;margin-top:10px;font-size:9px;letter-spacing:.2em;border:1px solid var(--acid);color:var(--acid);padding:2px 7px}
.cd:hover{transform:translate(-2px,-2px)}
.cd:hover img{filter:invert(1) hue-rotate(75deg) saturate(1.4)}
.cd.esc{opacity:.16}
.cd.esc s{border-color:var(--red);color:var(--red)}
.cd.flick img{animation:flick .3s steps(2) 2}
@keyframes flick{50%{opacity:.2;transform:translateX(3px)}}
@media(max-width:900px){.crewgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.crewgrid{grid-template-columns:1fr}}
