/* All-Star author page: CPU socket + LCD profile, posts as components wired with glowing cyan traces. */
.author{--accent:#65ceff}
.board{position:relative;isolation:isolate;overflow:hidden;padding:26px 0 70px;border-bottom:1px solid var(--line)}
.board-bg{position:absolute;inset:0;z-index:-2;background:
 radial-gradient(ellipse 40% 50% at 50% 42%,#0f4a6a55,transparent 70%),
 linear-gradient(#030e15cc,#030e15ee),url('assets/hero-sky.webp') center/cover}
.board:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.55;background:
 radial-gradient(circle at 1px 1px,#65ceff22 1px,transparent 1.5px) 0 0/22px 22px,
 linear-gradient(90deg,transparent 49.6%,#65ceff10 50%,transparent 50.4%) 0 0/180px 120px,
 linear-gradient(0deg,transparent 49.6%,#65ceff0d 50%,transparent 50.4%) 0 0/120px 180px;
 mask-image:radial-gradient(ellipse 80% 80% at 50% 45%,#000 40%,transparent 95%)}
.crumbs-wrap{position:relative;z-index:2}
.board-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(380px,460px) 1fr;gap:clamp(40px,6vw,110px);align-items:center;width:min(1380px,94%);margin:10px auto 0}
.comps{display:flex;flex-direction:column;gap:20px}
.comps-l{align-items:flex-end}.comps-r{align-items:flex-start}
.comp{position:relative;display:flex;align-items:center;gap:12px;width:min(300px,100%);padding:9px 14px 9px 9px;border:1px solid #1d4254;border-radius:8px;background:linear-gradient(135deg,#07202dee,#03111aee);box-shadow:inset 0 0 0 1px #000,0 8px 24px #0008;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;opacity:0;transform:translateY(10px)}
.board.live .comp{opacity:1;transform:none;transition-delay:calc(var(--d,0)*1ms)}
.comps-r .comp{flex-direction:row}
.comp-pins{position:absolute;left:10px;right:10px;height:5px;top:-5px;background:repeating-linear-gradient(90deg,#9fb6c3 0 3px,transparent 3px 9px);opacity:.55}
.comp-pins:after{content:'';position:absolute;left:0;right:0;top:calc(100% + 100% + 0px);height:5px;transform:translateY(var(--ph,58px));background:inherit}
.comp-img{flex:0 0 74px;aspect-ratio:16/10;border-radius:4px;overflow:hidden;border:1px solid #ffffff1a;background:color-mix(in srgb,var(--c) 30%,#05141d)}
.comp-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7) brightness(.85);transition:filter .3s}
.comp-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.comp-id{font:600 9.5px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;color:var(--c);text-transform:uppercase}
.comp-t{font-size:13px;font-weight:600;line-height:1.3;color:#e7f0f5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.comp-led{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#1d4254}
.comp:hover,.comp:focus-visible{border-color:#65ceff;transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 1px #65ceff55,0 0 30px #33b5ff44,0 14px 30px #000a}
.comp:hover .comp-img img,.comp:focus-visible .comp-img img{filter:none}
.comp:hover .comp-led,.comp:focus-visible .comp-led{background:#65ceff;box-shadow:0 0 10px #65ceff}
/* socket + LCD */
.socket-wrap{perspective:1200px}
.socket{--rx:0deg;--ry:0deg;position:relative;aspect-ratio:1;padding:34px;border-radius:18px;background:linear-gradient(145deg,#152a35,#0a1820 45%,#0d1f29);box-shadow:inset 0 0 0 2px #24414f,inset 0 0 0 9px #0a1820,inset 0 0 0 10px #2d5263,0 0 0 1px #000,0 30px 80px #000c,0 0 70px #33b5ff22;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .4s ease-out,box-shadow .4s}
.socket.hot{box-shadow:inset 0 0 0 2px #65ceff88,inset 0 0 0 9px #0a1820,inset 0 0 0 10px #65ceff,0 30px 80px #000c,0 0 90px #33b5ff55}
.pins{position:absolute;background:repeating-linear-gradient(90deg,#c8a75a 0 4px,transparent 4px 11px);opacity:.75}
.pins-t,.pins-b{left:16%;right:16%;height:9px}.pins-t{top:-9px}.pins-b{bottom:-9px}
.pins-l,.pins-r{top:16%;bottom:16%;width:9px;background:repeating-linear-gradient(0deg,#c8a75a 0 4px,transparent 4px 11px)}.pins-l{left:-9px}.pins-r{right:-9px}
.socket-label{position:absolute;left:0;right:0;top:12px;text-align:center;font:600 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.22em;color:#5f7f8f}
.socket:after{content:'';position:absolute;left:14px;bottom:12px;width:0;height:0;border-left:12px solid #c8a75a;border-top:12px solid transparent;opacity:.8}
.lcd{position:relative;height:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:18px;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),#0f3f58,#041722 60%,#020c13);box-shadow:inset 0 0 0 1px #65ceff55,inset 0 0 40px #33b5ff33,0 0 24px #33b5ff33}
.lcd:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 3px);mix-blend-mode:screen}
.lcd:after{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 45%,#9fe0ff14 50%,transparent 55%);animation:sheen 7s ease-in-out infinite}
@keyframes sheen{0%,60%{transform:translateX(-40%)}100%{transform:translateX(40%)}}
.lcd-boot{position:absolute;left:14px;top:12px;display:flex;flex-direction:column;align-items:flex-start;font:500 10px/1.5 ui-monospace,Menlo,monospace;color:#65ceffaa}
.lcd-boot b{color:#19df98}
.lcd-avatar{position:relative;width:clamp(110px,10vw,150px);aspect-ratio:1;margin-top:14px}
.lcd-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 18px #33b5ff66)}
.ring{position:absolute;inset:-9px;border-radius:50%;border:1.5px dashed #65ceff88;animation:spin 18s linear infinite}
.ring:after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:#65ceff;animation:spin 3s linear infinite reverse}
@keyframes spin{to{transform:rotate(1turn)}}
.lcd-tag{margin:6px 0 0;font:650 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.24em;color:#65ceff;text-transform:uppercase}
.lcd-name{position:relative;margin:0;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.03em;line-height:1.05;text-shadow:0 0 22px #33b5ff88}
.lcd-name:before,.lcd-name:after{content:attr(data-text);position:absolute;inset:0;opacity:0}
.board.live .lcd-name:before{animation:glitch 6s steps(1) infinite;color:#ff4462;clip-path:inset(0 0 60% 0)}
.board.live .lcd-name:after{animation:glitch 6s steps(1) infinite .08s;color:#65ceff;clip-path:inset(55% 0 0 0)}
@keyframes glitch{0%,92%,100%{opacity:0;transform:none}93%{opacity:.8;transform:translate(-3px,1px)}95%{opacity:.8;transform:translate(3px,-1px)}97%{opacity:0}}
.lcd-social{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.lcd-social a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #65ceff44;border-radius:8px;background:#02101899;transition:.2s}
.lcd-social svg{width:17px;height:17px;fill:#cfe9f7}
.lcd-social a:hover{background:#65ceff;border-color:#65ceff;box-shadow:0 0 18px #65ceff}.lcd-social a:hover svg{fill:#03121a}
.lcd-meter{width:78%;margin-top:8px;font:600 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.2em;color:#7fb8d4}
.lcd-meter i{display:block;height:4px;border-radius:4px;background:#0c2a38;margin-bottom:7px;position:relative;overflow:hidden}
.lcd-meter i:after{content:'';position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,#33b5ff,#65ceff);box-shadow:0 0 10px #65ceff}
/* readouts */
.readouts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:84px}
.ro{border:1px solid #1d4254;border-radius:10px;padding:14px 16px;background:#04141ddd;text-align:center;box-shadow:inset 0 1px 0 #65ceff22}
.ro b{display:block;font:700 30px/1 ui-monospace,Menlo,Consolas,monospace;color:#9fe0ff;text-shadow:0 0 14px #33b5ff88;letter-spacing:-.02em}
.ro span{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#7f98a6}
/* traces */
.traces{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.tr path{fill:none;stroke-linejoin:round;stroke-linecap:round}
.tr-base{stroke:#1b5470;stroke-width:2.5}
.tr-glow{stroke:#65ceff;stroke-width:6;opacity:0;filter:blur(4px);transition:opacity .3s}
.tr-pulse{stroke:#9fe0ff;stroke-width:2.5;stroke-dasharray:6 94;stroke-dashoffset:100;opacity:.85;animation:pulse 3s linear infinite}
@keyframes pulse{to{stroke-dashoffset:0}}
.tr.hot .tr-base{stroke:#65ceff;filter:drop-shadow(0 0 4px #65ceff)}.tr.hot .tr-glow{opacity:.9}.tr.hot .tr-pulse{stroke:#fff;stroke-dasharray:14 86;animation-duration:1s}
.ro-tr .tr-base{stroke:#164459;stroke-width:2}
.via{fill:#03121a;stroke:#3f87a6;stroke-width:2}.via.end{fill:#65ceff;stroke:none;filter:drop-shadow(0 0 4px #65ceff)}
.board:not(.live) .traces{opacity:0}.traces{transition:opacity .8s .2s}
/* intel: bio terminal + video */
.au-intel{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;padding:70px 0 20px;align-items:start}
.term{border:1px solid #1d4254;border-radius:14px;overflow:hidden;background:#020b11;box-shadow:0 20px 50px #0009}
.term-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#071a24;border-bottom:1px solid #12303c}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#ff4462}.term-bar i:nth-child(2){background:#f4ce54}.term-bar i:nth-child(3){background:#19df98}
.term-bar span{margin-left:10px;font:500 12px ui-monospace,Menlo,monospace;color:#7f98a6}
.term-body{padding:20px 24px 24px;font-size:15.5px;line-height:1.7;color:#c6d4dd}
.term-body .prompt{font:600 13px ui-monospace,Menlo,monospace;color:#19df98;margin:0 0 8px}
.term-body .bio{margin-bottom:18px}.term-body .bio a{color:#9fe0ff;border-bottom:1px solid #65ceff55}
.blink span{display:inline-block;width:9px;height:16px;background:#19df98;vertical-align:-3px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.skill-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.skill-tags a{font:600 12.5px ui-monospace,Menlo,monospace;color:#9fe0ff;border:1px solid #1d4254;border-radius:6px;padding:5px 9px}.skill-tags a small{color:#5f7f8f;margin-left:6px}.skill-tags a:hover{border-color:#65ceff;background:#65ceff14}
.feat .yt-facade,.feat iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border:1px solid #1d4254;border-radius:14px;overflow:hidden;padding:0;background:#000;box-shadow:0 0 40px #33b5ff22}
.yt-facade img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .3s,transform .5s}
.yt-facade:hover img{opacity:1;transform:scale(1.03)}
.yt-facade .play{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px;border-radius:50%;display:grid;place-items:center;background:#65ceff;color:#03121a;font-size:26px;box-shadow:0 0 0 10px #65ceff33,0 0 40px #65ceff}
.yt-facade .scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 3px)}
.feat-t{display:block;margin-top:12px;font-weight:650;color:#e7f0f5}.feat-t:hover{color:#65ceff}
.no-sig{aspect-ratio:16/9;border:1px dashed #2a4a5a;border-radius:14px;display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(45deg,#06151f 0 10px,#04111a 10px 20px)}
.no-sig span{font:700 26px ui-monospace,monospace;letter-spacing:.3em;color:#3f6577}.no-sig small{color:#6f8796}
/* content + others */
.au-content{padding:50px 0 10px}
.au-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;border-top:1px solid var(--line);padding-top:46px}
.au-head h2,.au-others h2{font-size:clamp(28px,3vw,44px);margin:0;letter-spacing:-.03em}
.au-others{padding:40px 0 70px}
.au-others h2{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:22px}.cat-link{font-size:14px;color:#65ceff;font-weight:600;letter-spacing:0}
.others{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.other{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border:1px solid #1d4254;border-radius:12px;background:#04141d;transition:.25s}
.other img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #65ceff55}
.other span{display:flex;flex-direction:column;flex:1;min-width:0}.other small{color:#8ca3b1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.other i{font-style:normal;color:#65ceff;transition:transform .25s}
.other:hover{border-color:#65ceff;box-shadow:0 0 24px #33b5ff33}.other:hover i{transform:translateX(4px)}
@media(max-width:1250px){.board-grid{grid-template-columns:1fr minmax(340px,400px) 1fr;gap:56px}.comp{width:min(250px,100%)}.comp-img{flex-basis:60px}.readouts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
 .board-grid{grid-template-columns:1fr;gap:28px;width:min(560px,92%)}
 .socket-wrap{order:-1}.socket{padding:26px}
 .comps{position:relative;align-items:stretch!important;gap:12px;padding-left:26px}
 .comps:before{content:'';position:absolute;left:6px;top:-28px;bottom:24px;width:2px;background:linear-gradient(#65ceff,#1b5470);box-shadow:0 0 8px #65ceff88}
 .comps-r{margin-top:-16px}
 .comp{width:100%}
 .comp:before{content:'';position:absolute;left:-20px;top:50%;width:20px;height:2px;background:#2f7a9c}
 .comp:after{content:'';position:absolute;left:-24px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#65ceff;box-shadow:0 0 8px #65ceff}
 .traces .tr:not(.ro-tr),.traces .via:not(.end){display:none}
 .traces{display:none}
 .readouts{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.ro b{font-size:22px}
 .au-intel{grid-template-columns:1fr}
}
@media(max-width:480px){.socket{padding:20px}.lcd{padding:12px}.lcd-boot{display:none}.lcd-avatar{margin-top:0;width:96px}.lcd-name{font-size:26px}.lcd-meter{display:none}.readouts{grid-template-columns:repeat(2,1fr)}.term-body{padding:16px;font-size:14.5px}.au-head{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.ring,.ring:after,.lcd:after,.tr-pulse,.blink span,.lcd-name:before,.lcd-name:after{animation:none!important}.tr-pulse{display:none}.comp,.socket,.traces{transition:none}.board .comp{opacity:1;transform:none}}