body{margin:0;background:radial-gradient(circle at 50% 45%,#07130b,#020200 55%,#000);color:#7cffb2;font-family:Share Tech Mono,Orbitron,Courier,monospace;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,rgba(124,255,178,.02) 1px,transparent 1px),linear-gradient(rgba(124,255,178,.02) 1px,transparent 1px);background-size:280px 280px,280px 280px;background-position:0 0,0 0;will-change:auto}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6"><circle cx="1" cy="1" r="0.3" fill="rgba(124,255,178,0.015)"/></svg>');background-repeat:repeat;background-size:24px 24px;will-change:auto}.mech-portrait,.portrait-placeholder,#sidebar .sidebar-list button,.sidebar-title,#initiate-btn,.border-corner,#sys-hud{contain:layout style paint;will-change:auto}#app,#sidebar,#terminal-app,#terminal{contain:layout style}#sys-hud{position:fixed;top:28px;right:32px;width:180px;background:#00000073;border:1px solid rgba(31,255,51,.08);padding:10px 12px;color:#7cffb2;font-family:Courier,monospace;font-size:12px;border-radius:6px;box-shadow:0 4px 18px #0000008c;-webkit-backdrop-filter:blur(3px) saturate(.8);backdrop-filter:blur(3px) saturate(.8);z-index:60}#sys-hud .hud-title{font-weight:700;font-size:11px;color:#7cffb2e6;margin-bottom:8px;letter-spacing:1px}.hud-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;opacity:.92}.hud-label{color:#7cffb299}.hud-value{color:#7cffb2;font-weight:600}.hud-scan{margin-top:8px;height:6px;background:linear-gradient(90deg,#00000026,#00000005);border-radius:3px;overflow:hidden;position:relative}.hud-scan:before{content:"";position:absolute;left:-40%;top:0;height:100%;width:40%;background:linear-gradient(90deg,#7cffb200,#7cffb229,#7cffb200);transform:translate(0);animation:hud-sweep 2.2s linear infinite}@keyframes hud-sweep{0%{left:-40%}to{left:140%}}#news-feed{position:fixed;bottom:28px;right:32px;width:460px;background:linear-gradient(180deg,#c8ffdc12,#b4ffc80d);border:1px solid rgba(0,255,136,.3);border-right-width:2px;padding:12px 14px 10px;color:#7cffb2;font-family:Share Tech Mono,Courier,monospace;font-size:12px;border-radius:3px;box-shadow:0 3px 14px #00000080,0 0 22px #00ff8824,inset 0 0 24px #ffffff04;-webkit-backdrop-filter:blur(3px) saturate(.9) brightness(1.1);backdrop-filter:blur(3px) saturate(.9) brightness(1.1);z-index:55;opacity:.9;transition:opacity .2s ease,transform .2s ease;display:none;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}#news-feed:hover{opacity:1;transform:translate(-2px);box-shadow:0 4px 16px #00000080,0 0 30px #00ff8838,inset 0 0 30px #ffffff06}#news-feed .news-header{font-family:Orbitron,sans-serif;font-weight:700;font-size:12px;color:#0f8;margin-bottom:12px;letter-spacing:3px;text-transform:uppercase;text-align:center;padding:10px 8px;border:2px solid rgba(0,255,136,.35);border-radius:3px;background:linear-gradient(135deg,#00ff881a,#00c86414,#00ff881a);box-shadow:0 0 20px #0f83,inset 0 0 30px #00ff880d;text-shadow:0 0 15px rgba(0,255,136,.6),0 0 30px rgba(0,255,136,.3);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}#news-feed .news-lines{display:flex;flex-direction:column;gap:0}#news-feed .news-line{line-height:1.5;opacity:1;transition:opacity .35s ease;padding:9px 10px;font-size:12px;color:#7cffb2f2;border-bottom:1px solid rgba(0,255,136,.12);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}#news-feed .news-line:last-child{border-bottom:none}#news-feed .news-line.fading{opacity:0}#news-feed .news-line.breaking{border-left:3px solid #FF6633;padding-left:12px;color:#ffc8b4;font-weight:600;border-bottom-color:#ff643233}#news-feed .news-line.union{border-left:3px solid #66AAFF;padding-left:12px;color:#c8dcff;border-bottom-color:#64c8ff26}.news-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 5px;margin-right:7px;border-radius:2px;text-transform:uppercase;vertical-align:middle}.news-tag.breaking{background:#ff50284d;color:#fa7;border:1px solid rgba(255,100,50,.5);text-shadow:0 0 10px rgba(255,100,50,.7);box-shadow:0 0 12px #ff643240}.news-tag.union{background:#64b4ff40;color:#acf;border:1px solid rgba(100,180,255,.5);text-shadow:0 0 10px rgba(100,180,255,.6);box-shadow:0 0 12px #64b4ff33}.news-location{font-size:10px;color:#00ff88a6;letter-spacing:.3px;margin-left:4px;font-style:italic}#news-feed .news-line{will-change:transform,opacity;transform:translateZ(0)}#news-feed .news-line.slide-out-top{animation:slideOutTop .45s cubic-bezier(.4,0,.6,1) forwards;will-change:transform,opacity}#news-feed .news-line.slide-in-bottom{animation:slideInBottom .55s cubic-bezier(.2,.9,.3,1) forwards;will-change:transform,opacity}@keyframes slideOutTop{0%{opacity:1;transform:translateZ(0);max-height:100px;margin-bottom:0}50%{opacity:0;transform:translate3d(0,-15px,0)}to{opacity:0;transform:translate3d(0,-25px,0);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-bottom-width:0}}@keyframes slideInBottom{0%{opacity:0;transform:translate3d(10px,20px,0)}60%{opacity:.7;transform:translate3d(3px,5px,0)}to{opacity:1;transform:translateZ(0)}}#audio-toggle{position:fixed;bottom:32px;left:32px;padding:8px 12px;background:linear-gradient(90deg,#00ff8814,#0006);border:2px solid rgba(0,255,136,.2);border-left-width:4px;color:#7cffb2cc;font-family:Share Tech Mono,Courier,monospace;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s cubic-bezier(.4,0,.2,1);z-index:1100;border-radius:2px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);box-shadow:0 0 15px #00ff8814,inset 0 0 20px #00ff8805;text-shadow:0 0 8px rgba(0,255,136,.3);display:none;transform:translateZ(0)}#audio-toggle:before{content:"◉";display:inline-block;margin-right:6px;font-size:14px;color:#0f8}#audio-toggle:hover{background:linear-gradient(90deg,#00ff8826,#00281480);border-color:#0f86;color:#0f8;box-shadow:0 0 25px #0f83,inset 0 0 30px #00ff880d;transform:translate3d(3px,0,0)}#audio-toggle:active{transform:translate3d(1px,0,0)}#audio-toggle.muted:before{content:"⦸";color:#ff6464cc}#audio-toggle.muted{border-color:#ff646433;color:#ff9696b3}body{padding:24px 32px}*,*:before,*:after{box-sizing:border-box}#start-screen{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}#initiate-btn{font-family:Orbitron,sans-serif;background:linear-gradient(90deg,#00ff8826,#0000004d);color:#0f8;border:3px solid #00FF88;font-size:28px;font-weight:700;letter-spacing:4px;text-transform:uppercase;padding:24px 60px;cursor:pointer;border-radius:8px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));box-shadow:0 0 30px #00ff884d,inset 0 0 40px #00ff880d;text-shadow:0 0 15px rgba(0,255,136,.5);transition:all .15s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}#initiate-btn:hover{background:linear-gradient(90deg,#00ff8840,#00281466);box-shadow:0 0 50px #00ff8880,inset 0 0 60px #00ff881a;transform:translateZ(0) scale(1.05)}#terminal-screen{display:none;position:relative;min-height:calc(100vh - 48px);width:100%;padding:16px;overflow:hidden;isolation:isolate}.terminal-columns{display:flex;gap:32px;height:100%;align-items:flex-start;justify-content:center;margin-top:18vh}#terminal-screen #terminal{flex:0 0 700px;width:700px;max-width:700px;height:auto;overflow-y:auto;white-space:pre-wrap;line-height:1.3;color:#7cffb2;font-family:Courier,monospace}#terminal-logo{flex:0 0 520px;width:520px;max-width:520px;white-space:pre;line-height:1.1;color:#7cffb2;font-family:Courier,monospace;font-size:11px;opacity:0;transition:opacity .2s ease;text-align:center}#app{display:flex;min-height:calc(100vh - 48px);width:auto;max-width:920px;margin:0 auto;padding:16px;gap:20px;align-items:stretch;position:relative;isolation:isolate;background:#00000009;border:1px solid rgba(124,255,178,.03);border-radius:6px}#sidebar{width:420px;min-width:320px;border-right:2px solid #00FF88;padding:24px 20px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#00140a14,#00000005);max-height:calc(100vh - 48px)}.sidebar-header{margin-bottom:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.sidebar-header:hover{transform:translate3d(2px,0,0)}.sidebar-header:hover .sidebar-title{box-shadow:0 0 28px #00ff8840,inset 0 0 35px #00ff880f;border-color:#00ff88e6}.sidebar-header:hover .sidebar-subtitle{color:#00ff88f2;text-shadow:0 0 12px rgba(0,255,136,.3)}.sidebar-title{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:32px;color:#0f8;letter-spacing:2.4px;text-transform:uppercase;padding:16px 18px;border:2px solid #00FF88;background:linear-gradient(90deg,#00ff8814,#00000005);box-shadow:0 0 20px #00ff8826,inset 0 0 30px #00ff880a;font-weight:700;text-shadow:0 0 12px rgba(0,255,136,.4);border-radius:4px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);position:relative}.sidebar-subtitle{font-family:Share Tech Mono,monospace;font-size:13px;color:#00ff88bf;margin-top:8px;margin-left:8px;font-weight:700;letter-spacing:1px;text-transform:none;text-shadow:0 0 8px rgba(0,255,136,.15)}.sidebar-list{display:flex;flex-direction:column;gap:12px;margin-top:16px;flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:24px}#sidebar .sidebar-list button{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0f8;background:linear-gradient(90deg,#00ff881f,#00140a0f);border:2px solid #00FF88;border-left-width:6px;padding:18px 20px;cursor:pointer;text-align:left;position:relative;max-width:100%;box-sizing:border-box;border-radius:4px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00ff8814,inset 0 0 20px #00ff8805;text-shadow:0 0 8px rgba(0,255,136,.3);transform:translateZ(0)}#sidebar .sidebar-list button:before{content:"▶";display:inline-block;margin-right:12px;font-size:16px;color:#0f8;transition:transform .1s cubic-bezier(.4,0,.2,1)}#sidebar .sidebar-list button:hover{background:linear-gradient(90deg,#00ff882e,#0028141a);box-shadow:0 0 25px #0f83,inset 0 0 30px #00ff880d;transform:translate3d(4px,0,0)}#sidebar .sidebar-list button:hover:before{transform:translate3d(4px,0,0)}#sidebar .sidebar-list button.selected{background:linear-gradient(90deg,#00ff8838,#00281426);border-color:#0f8;border-left-width:8px;box-shadow:0 0 30px #00ff8859,inset 0 0 40px #00ff8814;transform:translate3d(6px,0,0)}#sidebar .sidebar-list button.selected:before{transform:translate3d(6px,0,0) scale(1.2);text-shadow:0 0 12px rgba(0,255,136,.8)}#sidebar .sidebar-list button.active:before{content:"◆"}#terminal-app{flex:1;padding:24px 36px;white-space:pre-wrap;line-height:1.3;overflow-y:auto;color:#7cffb2;font-family:Courier,monospace;box-sizing:border-box}#terminal-app{background:#00000005;border-left:1px solid rgba(31,255,51,.03);border-radius:0 6px 6px 0}.profile{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start;padding:12px 6px}.profile-left{min-width:0;font-family:Share Tech Mono,Courier New,Courier,monospace;color:#7cffb2;line-height:1.45;white-space:pre-wrap;font-size:15px;padding-right:16px;border-right:1px solid rgba(31,255,51,.03)}.profile-right{width:360px;min-width:260px;display:flex;flex-direction:column;align-items:center;gap:16px;padding-left:12px}.profile-left h3{margin:0 0 8px;font-size:16px;color:#a8ffd0}.profile-notes pre{margin:0;font-family:Share Tech Mono,Courier New,Courier,monospace;font-size:13px;color:#7cffb2eb;white-space:pre-wrap}.mech-portrait{width:320px;margin-bottom:18px}.mech-portrait img{max-height:260px;object-fit:contain;display:block}.profile-right .mech-portrait+.profile-notes,.profile-right .mech-portrait+.portrait-placeholder{margin-top:18px}.profile-portraits{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.profile-text{font-family:Share Tech Mono,Courier New,Courier,monospace;color:#7cffb2;font-size:15px;line-height:1.45;white-space:pre-wrap;padding:12px 8px 24px}#terminal-app img{max-width:280px;width:100%;height:auto;display:block;margin-top:12px;border:1px solid rgba(31,255,51,.15);border-radius:6px;background:transparent}.mech-portrait{width:280px;height:280px;margin-top:12px;border-radius:6px;overflow:hidden;border:1px solid rgba(31,255,51,.06);background:linear-gradient(180deg,#00000009,#00000005);position:relative;display:block}.mech-portrait.loading{background:linear-gradient(180deg,#00ff8805,#00000003);animation:portrait-pulse 2.4s ease-in-out infinite}@keyframes portrait-pulse{0%,to{opacity:.5}50%{opacity:.7}}.mech-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;vertical-align:top;transform:translateZ(0) scale(.98);opacity:0;transition:transform .22s cubic-bezier(.2,.9,.2,1),opacity .22s ease;will-change:transform,opacity}.mech-portrait:after{content:"";position:absolute;left:-60%;top:0;width:60%;height:100%;background:linear-gradient(90deg,#7cffb200,#7cffb214 40%,#7cffb200);transform:translate(0);pointer-events:none;opacity:.9}.mech-portrait.loaded img{opacity:1;transform:translateZ(0) scale(1);will-change:auto}.mech-portrait.loaded:after{animation:mech-sweep .56s ease forwards}@keyframes mech-sweep{0%{left:-60%;opacity:.9}60%{left:80%;opacity:.18}to{left:140%;opacity:0}}.portrait-placeholder{width:100%;height:280px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:16px;font-weight:700;letter-spacing:2px;color:#0f8;background:linear-gradient(180deg,#00ff8808,#00000003),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,255,136,.02) 10px,rgba(0,255,136,.02) 20px);border:2px dashed #00FF88;border-radius:8px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));box-shadow:inset 0 0 40px #00ff880a,0 0 20px #00ff881a;text-shadow:0 0 10px rgba(0,255,136,.3);position:relative;overflow:hidden}.portrait-placeholder:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(0,255,136,.15);border-radius:6px;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));pointer-events:none}.portrait-placeholder:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:2px solid rgba(0,255,136,.2);border-radius:50%;border-top-color:#0f8;animation:placeholder-spin 4s linear infinite;will-change:transform}@keyframes placeholder-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mech-portrait.bg{background-size:cover;background-position:center;min-height:360px}.cursor{display:inline-block;min-width:.9em;color:#7cffb2;font-weight:700;margin-left:2px;background:transparent}#terminal,#terminal-app{position:relative;z-index:1}#viewport-border{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;border:2px solid #00FF88;border-radius:8px;box-shadow:inset 0 0 30px #00ff8814,0 0 20px #00ff881f;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,40px 100%,0 calc(100% - 40px))}@keyframes screen-fizzle{0%{opacity:1;transform:translateZ(0) scale(1)}20%{opacity:.7;transform:translate3d(-3px,2px,0) scale(.99)}40%{opacity:.3;transform:translate3d(3px,-3px,0) scale(1.01)}60%{opacity:.1;transform:translate3d(-2px,3px,0) scale(.98)}80%{opacity:.03;transform:translate3d(2px,-2px,0) scale(1)}to{opacity:0;transform:translateZ(0) scale(1)}}@keyframes screen-unfizzle{0%{opacity:0;transform:translateZ(0) scale(1.02)}20%{opacity:.1;transform:translate3d(-3px,3px,0) scale(1.01)}40%{opacity:.4;transform:translate3d(3px,-2px,0) scale(.99)}60%{opacity:.7;transform:translate3d(-2px,2px,0) scale(1)}80%{opacity:.9;transform:translate3d(1px,-1px,0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes rgb-split{0%,to{text-shadow:0 0 0 transparent}20%{text-shadow:-3px 0 #FF0080,3px 0 #00FFFF}40%{text-shadow:3px 0 #00FF00,-3px 0 #FF00FF,0 3px #FFFF00}60%{text-shadow:-2px 0 #FF0000,2px 0 #00FF00,0 -2px #0000FF}80%{text-shadow:4px 0 #FF00FF,-4px 0 #00FFFF}}.screen-fizzle-out{animation:screen-fizzle .15s cubic-bezier(.4,0,.6,1) forwards;will-change:transform,opacity}.screen-fizzle-out *{animation:rgb-split .15s steps(4) forwards}.screen-fizzle-in{animation:screen-unfizzle .15s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.screen-fizzle-in *{animation:rgb-split .15s steps(4) reverse}#info-screen{display:none;position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;overflow:hidden}#info-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px;will-change:transform}#info-content{max-width:780px;max-height:min(900px,calc(100vh - 120px));background:linear-gradient(180deg,#00140a1f,#0000000f);border:2px solid #00FF88;padding:22px 36px 20px;border-radius:4px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));box-shadow:0 0 30px #0f83,inset 0 0 40px #00ff880d;transform:translateZ(0);will-change:transform}#info-title{font-family:Orbitron,sans-serif;margin-bottom:20px;border-bottom:2px solid #00FF88;padding-bottom:14px;text-align:center}#info-title .main-title{font-size:30px;color:#0f8;letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 25px rgba(0,255,136,.7),0 0 50px rgba(0,255,136,.4),0 0 80px rgba(0,255,136,.2);display:block;line-height:1.3;font-weight:700;padding:8px 0}#info-title .sub-title{font-size:14px;color:#7cffb2bf;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 8px rgba(0,255,136,.3);display:block;margin-top:4px;font-weight:400}#info-text{font-family:Share Tech Mono,monospace;font-size:13px;color:#7cffb2e6;line-height:1.55}.header-section{margin-bottom:16px}.greeting{font-family:Orbitron,sans-serif;font-size:20px;color:#0f8;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 12px rgba(0,255,136,.6);text-align:center}.subtitle{font-family:Share Tech Mono,monospace;font-size:13px;color:#7cffb2b3;letter-spacing:.5px;margin-bottom:5px;line-height:1.5;text-align:center}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#00FF88,transparent);margin:16px 0;box-shadow:0 0 8px #00ff884d}.section-title{font-family:Orbitron,sans-serif;font-size:17px;color:#0f8;letter-spacing:1.5px;text-transform:uppercase;margin-top:16px;margin-bottom:10px;text-shadow:0 0 10px rgba(0,255,136,.5);border-left:3px solid #00FF88;padding-left:12px}.section-content{margin-bottom:14px;text-align:left}.left-column,.right-column{margin-bottom:12px}#info-text{display:flex;flex-direction:column}.left-column,.right-column{width:100%}@media (min-width: 800px){#info-text{display:block}.left-column,.right-column{display:inline-block;width:48%;vertical-align:top;margin-bottom:12px}.left-column{margin-right:3%}}.ps-section{position:relative;margin-top:24px;padding:26px 20px 14px;background:linear-gradient(135deg,#ff960026,#ff500014);border:2px solid #FF9900;border-top-width:3px;border-bottom-width:3px;box-shadow:0 0 25px #ff960040,inset 0 0 30px #ff960014;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.ps-section:before{content:"⚠ PRIORITY NOTICE ⚠";position:absolute;top:8px;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:#f90;background:#0a0e0d;padding:3px 14px;border:1px solid #FF9900;text-shadow:0 0 10px rgba(255,150,0,.8);box-shadow:0 0 15px #ff96004d;z-index:10}.ps-title{font-family:Orbitron,sans-serif;font-size:16px;color:#fa3;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 12px rgba(255,170,51,.7);font-weight:700}.ps-content{font-size:13px;color:#ffdcb4f2;text-shadow:0 0 6px rgba(255,150,0,.2);line-height:1.55;text-align:left}.signature{margin-top:12px;font-family:Share Tech Mono,monospace;font-size:13px;color:#ffc896d9}.view-bio-button{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0f8;background:linear-gradient(90deg,#00ff881f,#00140a0f);border:2px solid #00FF88;border-left-width:4px;padding:12px 20px;cursor:pointer;margin-top:20px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00ff8814,inset 0 0 20px #00ff8805;text-shadow:0 0 8px rgba(0,255,136,.3);display:block;width:fit-content;transform:translateZ(0)}.view-bio-button .bio-arrow{display:inline-block;margin-right:8px;font-size:11px;color:#0f8;transition:transform .1s cubic-bezier(.4,0,.2,1)}.view-bio-button:hover{background:linear-gradient(90deg,#00ff882e,#0028141a);box-shadow:0 0 25px #0f83,inset 0 0 30px #00ff880d;transform:translate3d(4px,0,0)}.view-bio-button:hover .bio-arrow{transform:translate3d(4px,0,0)}#detailed-pilot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#07130b,#020200 55%,#000);overflow-y:auto;z-index:1000;padding:60px 40px 40px;display:flex;align-items:flex-start;justify-content:center}#detailed-pilot-container{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.detailed-header{text-align:center;margin-bottom:20px}.hero-callsign{font-family:Orbitron,sans-serif;font-size:48px;font-weight:700;letter-spacing:10px;text-transform:uppercase;color:#0f8;text-shadow:0 0 40px rgba(0,255,136,1),0 0 80px rgba(0,255,136,.6);margin-bottom:12px}.header-status{font-family:Share Tech Mono,monospace;font-size:14px;color:#7cffb2cc;letter-spacing:2px}.header-status .hero-name,.header-status .hero-status,.header-status .hero-origin{color:#0f8;font-weight:700}.detailed-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.pilot-column,.mech-column{display:flex;flex-direction:column;gap:16px}.section-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#0f8;text-shadow:0 0 15px rgba(0,255,136,.6);padding-bottom:12px;border-bottom:2px solid rgba(0,255,136,.3)}.detailed-portrait{width:100%;height:350px;border:2px solid rgba(0,255,136,.3);background:linear-gradient(180deg,#00ff8808,#00000005);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.detailed-portrait.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.1) 50%,transparent 100%);animation:portrait-scan 2s linear infinite}@keyframes portrait-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.detailed-pilot-img,.detailed-portrait img{max-width:280px;max-height:280px;width:auto;height:auto;display:block}.detailed-portrait.loaded{padding:20px}.pilot-info{display:flex;flex-direction:column;gap:12px}.info-row{font-family:Share Tech Mono,monospace;font-size:13px;color:#7cffb2cc;display:flex;gap:8px;align-items:center}.info-label{color:#7cffb299;letter-spacing:1px}.detailed-origin-text{color:#0f8;font-weight:700}.detailed-flag{width:100%;height:100px;border:2px solid rgba(0,255,136,.3);background:linear-gradient(180deg,#00ff8808,#00000005);display:flex;align-items:center;justify-content:center;overflow:hidden}.detailed-flag img{width:100%;height:100%;object-fit:cover}.flag-placeholder{font-family:Orbitron,sans-serif;font-size:36px;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.6)}.detailed-mech{width:100%;height:400px;border:2px solid rgba(0,255,136,.3);background:linear-gradient(180deg,#00ff8808,#00000005);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.detailed-mech.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.1) 50%,transparent 100%);animation:portrait-scan 2s linear infinite}.detailed-mech-img,.detailed-mech img{max-width:320px;max-height:320px;width:auto;height:auto;display:block}.detailed-mech.loaded{padding:20px}.detailed-mech-name{font-family:Orbitron,sans-serif;font-size:15px;font-weight:700;color:#0f8;text-align:center;letter-spacing:1.5px;padding:12px;background:#0000004d;border:1px solid rgba(0,255,136,.3);text-shadow:0 0 10px rgba(0,255,136,.5)}.bio-footer{border-top:2px solid rgba(0,255,136,.3);padding-top:16px}.bio-label{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);margin-bottom:8px}.bio-content{font-family:Share Tech Mono,monospace;font-size:13px;color:#7cffb2d9;line-height:1.6;max-height:80px;overflow-y:auto;padding:12px;background:#0003;border:1px solid rgba(0,255,136,.15);scrollbar-width:thin;scrollbar-color:#00FF88 rgba(0,0,0,.3)}.bio-content::-webkit-scrollbar{width:6px}.bio-content::-webkit-scrollbar-track{background:#0000004d}.bio-content::-webkit-scrollbar-thumb{background:#0f8;box-shadow:0 0 10px #00ff8880}.portrait-placeholder-detailed{font-family:Orbitron,monospace;font-size:13px;font-weight:700;letter-spacing:1.5px;color:#0f8;text-align:center;padding:40px 20px;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,255,136,.02) 10px,rgba(0,255,136,.02) 20px);text-shadow:0 0 10px rgba(0,255,136,.4)}#detailed-back-button,#back-button{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0f8;background:linear-gradient(90deg,#00ff881f,#00140a0f);border:2px solid #00FF88;border-left-width:4px;padding:10px 24px;cursor:pointer;margin:0 auto;display:block;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00ff881a,inset 0 0 20px #00ff8805;text-shadow:0 0 8px rgba(0,255,136,.3);transform:translateZ(0)}#back-button{margin-top:28px}#detailed-back-button .back-arrow,#back-button .back-arrow{display:inline-block;margin-right:8px;font-size:11px;color:#0f8;transition:transform .1s cubic-bezier(.4,0,.2,1)}#detailed-back-button:hover,#back-button:hover{background:linear-gradient(90deg,#00ff8838,#00281426);box-shadow:0 0 25px #00ff8840,inset 0 0 30px #00ff880d;transform:translate3d(-4px,0,0)}#detailed-back-button:hover .back-arrow,#back-button:hover .back-arrow{transform:translate3d(-4px,0,0)}@media (max-width: 1200px){.detailed-grid{grid-template-columns:1fr;gap:20px}.hero-callsign{font-size:42px;letter-spacing:8px}}#detailed-pilot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#07130b,#020200 55%,#000);overflow:hidden;z-index:1000;padding:50px 40px 40px;display:flex;align-items:center;justify-content:center;--accent: #00FF88;--mech-accent: #00E5FF;--danger: #FF3B3B;--warning: #FFAA33}#detailed-pilot-container{max-width:1650px;width:100%;height:100%;max-height:calc(100vh - 100px);margin:0 auto;display:flex;flex-direction:column;gap:18px;min-height:0}.detailed-grid{display:grid;grid-template-columns:clamp(320px,22vw,420px) 1fr clamp(340px,24vw,460px);grid-template-rows:1fr;gap:28px;flex:1;min-height:0;height:100%}.pilot-column{display:flex;flex-direction:column;gap:18px;min-height:0;height:100%}.section-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;letter-spacing:3px;color:#0f8;text-transform:uppercase;border-left:5px solid var(--accent);padding-left:14px;margin-bottom:10px;text-shadow:0 0 15px rgba(0,255,136,.7)}.detailed-portrait{width:100%;height:220px;border:3px solid var(--accent);position:relative;overflow:hidden;padding:0;margin:0;display:block;line-height:0;box-sizing:border-box}.detailed-portrait.loaded{padding:0}.detailed-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;margin:0;padding:0;border:none;vertical-align:bottom;max-width:none;max-height:none}.detailed-pilot-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;margin:0;padding:0;border:none;max-width:none;max-height:none}.portrait-placeholder-detailed{font-family:Share Tech Mono,monospace;font-size:13px;color:#7cffb280;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#000c;line-height:1.4}.pilot-info-compact{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-family:Share Tech Mono,monospace;font-size:14px;color:#7cffb2e6}.info-row-compact{background:#00140a66;border-left:4px solid rgba(0,255,136,.5);padding:12px 14px}.info-row-compact.full-width{grid-column:1 / -1}.info-label{color:#7cffb2b3;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:5px;font-weight:600}.info-value{color:var(--accent);font-weight:700;font-size:15px;display:block}.pilot-status-value{display:inline-block;width:fit-content;padding:3px 10px;margin-top:2px;border:1px solid rgba(0,255,136,.35);background:#00000059;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.35)}.pilot-status-value.status-active{color:var(--accent);border-color:#00ff888c;box-shadow:0 0 18px #00ff882e,inset 0 0 14px #00ff880f;text-shadow:0 0 12px rgba(0,255,136,.55)}.pilot-status-value.status-inactive{color:var(--danger);border-color:#ff3b3ba6;box-shadow:0 0 18px #ff3b3b24,inset 0 0 14px #ff3b3b0d;text-shadow:0 0 12px rgba(255,59,59,.45)}.pilot-status-value.status-unknown{color:var(--warning);border-color:#ffaa338c;box-shadow:0 0 16px #ffaa331a,inset 0 0 12px #ffaa330a;text-shadow:0 0 10px rgba(255,170,51,.35)}.center-column{display:grid;grid-template-rows:auto minmax(200px,.38fr) minmax(320px,.62fr);gap:18px;min-height:0;height:100%}.mech-info-compact{background:linear-gradient(180deg,#00e5ff0f,#0000001a 28%,#0000000f),#000c1252;border:3px solid rgba(0,229,255,.28);padding:18px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.65) rgba(0,0,0,.25)}.mech-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;font-family:Share Tech Mono,monospace;font-size:13px}.mech-info-item{background:#0006;border-left:4px solid rgba(0,229,255,.55);padding:12px}.mech-info-compact .info-label{color:#a0f0ffbf}.mech-info-compact .info-value{color:#c8fffcf2;text-shadow:0 0 10px rgba(0,229,255,.18)}.mech-info-item .info-label{font-size:10px}.mech-info-item .info-value{font-size:14px}.bio-compact{background:linear-gradient(180deg,#00ff880f,#0000001f 22%,#00000014),#00140a47;border:3px solid rgba(0,255,136,.32);padding:18px;overflow:auto;min-height:0;box-shadow:inset 0 0 0 1px #00ff881a,0 0 18px #00ff8814;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.bio-content{font-family:Share Tech Mono,monospace;font-size:14px;line-height:1.65;color:#7cffb2e6}.bio-compact::-webkit-scrollbar,.mech-info-compact::-webkit-scrollbar{width:7px}.bio-compact::-webkit-scrollbar-track,.mech-info-compact::-webkit-scrollbar-track{background:#00000040}.bio-compact::-webkit-scrollbar-thumb,.mech-info-compact::-webkit-scrollbar-thumb{background:#00ff888c;border-radius:6px}.visual-column{display:flex;flex-direction:column;gap:18px;min-height:0;height:100%}.detailed-flag{width:100%;height:200px;border:3px solid var(--accent);padding:0;margin:0;display:block;overflow:hidden;position:relative;line-height:0}.detailed-flag img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:none;vertical-align:bottom;filter:none!important;image-rendering:auto}.flag-placeholder{font-family:Share Tech Mono,monospace;font-size:13px;color:#7cffb280;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#000c;line-height:1.4}.detailed-mech{width:100%;height:320px;border:3px solid var(--mech-accent);padding:0;margin:0;display:block;position:relative;overflow:hidden;line-height:0;box-sizing:border-box;box-shadow:0 0 20px #00e5ff1a,inset 0 0 0 1px #00e5ff1a}.detailed-mech.loaded{padding:0}.detailed-mech img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;margin:0;padding:0;border:none;vertical-align:bottom;max-width:none;max-height:none}.detailed-mech-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;margin:0;padding:0;border:none;max-width:none;max-height:none}.detailed-mech-name{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;color:#c8fffcf2;text-transform:uppercase;text-align:center;margin-top:10px;padding:10px;background:linear-gradient(90deg,#00e5ff1f,#000a0c40);border:2px solid rgba(0,229,255,.35);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);text-shadow:0 0 14px rgba(0,229,255,.35);line-height:1.3}@media (min-width: 1850px){#detailed-pilot-container{max-width:1950px}.detailed-grid{gap:24px;grid-template-columns:clamp(340px,18vw,440px) 1fr clamp(360px,20vw,480px)}}#detailed-back-button{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#0f8;background:linear-gradient(90deg,#00ff8826,#00140a14);border:3px solid #00FF88;border-left-width:5px;padding:12px 28px;cursor:pointer;margin:14px auto 0;display:block;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #00ff8826,inset 0 0 25px #00ff8808;text-shadow:0 0 10px rgba(0,255,136,.4);transform:translateZ(0)}#detailed-back-button .back-arrow{display:inline-block;margin-right:10px;font-size:12px;color:#0f8;transition:transform .1s cubic-bezier(.4,0,.2,1)}#detailed-back-button:hover{background:linear-gradient(90deg,#00ff8840,#00281426);box-shadow:0 0 30px #00ff884d,inset 0 0 35px #00ff880f;transform:translate3d(-5px,0,0)}#detailed-back-button:hover .back-arrow{transform:translate3d(-5px,0,0)}@media (max-width: 1600px){.detailed-grid{grid-template-columns:1fr;gap:18px}.center-column{display:flex;flex-direction:column;height:auto}.pilot-info-compact,.mech-info-grid{grid-template-columns:repeat(2,1fr)}}