.personnel-page{min-height:100vh;background:#050a0a;color:#e3e8e5;position:relative;isolation:isolate}.personnel-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(122,214,196,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(122,214,196,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 88%)}
.personnel-head{height:92px;padding:0 clamp(18px,4vw,62px);display:grid;grid-template-columns:170px 1fr auto;gap:30px;align-items:center;border-bottom:1px solid rgba(122,214,196,.14);background:#050a0af5;position:relative;z-index:5}.personnel-head h1{font-size:28px;font-weight:300;margin:4px 0 0}.personnel-head .kicker{margin:0}.personnel-back{border:0;background:none;color:#8a9b99;cursor:pointer;text-align:left;padding:12px 0}.personnel-back:hover{color:#7ad6c4}.personnel-access small{display:block;font:9px 'Roboto Mono';letter-spacing:.18em;color:#667a79;margin-bottom:8px}.personnel-access>div{display:flex}.personnel-access button{font:9px 'Roboto Mono';letter-spacing:.1em;color:#8a9b99;border:1px solid rgba(122,214,196,.14);background:#101c1a;padding:8px 11px;cursor:pointer}.personnel-access button+button{border-left:0}.personnel-access button.active,.personnel-access button:hover{color:#050a0a;background:#7ad6c4;border-color:#7ad6c4}
.personnel-main{width:min(1220px,92vw);margin:0 auto;padding:30px 0 90px;position:relative;z-index:1}.personnel-crumb{display:flex;align-items:center;gap:8px;min-height:28px;font:9px 'Roboto Mono';letter-spacing:.1em;color:#667a79}.personnel-crumb button{border:0;background:none;color:#7ad6c4;padding:0;cursor:pointer;font:inherit}.personnel-crumb b{font-weight:400;color:#8a9b99}.tier-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:42px 0 24px;padding-bottom:22px;border-bottom:1px solid rgba(122,214,196,.14)}.tier-intro small,.tier-title small{font:9px 'Roboto Mono';letter-spacing:.18em;color:#667a79}.tier-intro h2{font-size:34px;font-weight:300;margin:8px 0}.tier-intro p{max-width:620px;color:#8a9b99;font-size:13px;line-height:1.8}.tier-intro>span{font:9px 'Roboto Mono';letter-spacing:.14em;color:#667a79}.tier-intro>span b{display:block;color:#7ad6c4;font-size:34px;font-weight:300}
.tier-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:auto auto auto;gap:10px}.tier-card{position:relative;overflow:hidden;min-height:164px;padding:26px 30px 24px 118px;color:#e3e8e5;text-align:left;border:1px solid rgba(122,214,196,.14);background:#101c1a;cursor:pointer;transition:.22s}.tier-card:hover,.tier-card:focus-visible{background:#182723;border-color:rgba(122,214,196,.45);transform:translateY(-2px)}.tier-card.tier-s{grid-row:1/4;min-height:510px;padding:48px 36px 36px 178px;background:radial-gradient(circle at 12% 20%,rgba(122,214,196,.13),transparent 32%),#101c1a}.tier-card.tier-s:before,.tier-card.tier-s:after{content:"";position:absolute;left:-54px;top:52px;width:214px;height:214px;border:1px solid rgba(122,214,196,.25);border-radius:50%}.tier-card.tier-s:after{left:-18px;top:88px;width:142px;height:142px;border-style:dashed}.tier-letter{position:absolute;left:25px;top:22px;font:300 78px 'Roboto Mono';color:rgba(122,214,196,.23)}.tier-s .tier-letter{left:36px;top:36px;font-size:122px}.tier-card small{font:9px 'Roboto Mono';letter-spacing:.2em;color:#667a79}.tier-card h3{font-size:28px;font-weight:300;margin:10px 0}.tier-card p{font-size:12px;color:#8a9b99}.tier-card strong,.tier-card em{display:block;font-style:normal}.tier-card strong{font:13px 'Roboto Mono';color:#7ad6c4;margin-top:24px}.tier-card em{font-size:10px;color:#667a79;margin-top:6px}.tier-card>i{position:absolute;right:24px;bottom:21px;font:8px 'Roboto Mono';letter-spacing:.12em;color:#7ad6c4;font-style:normal}.tier-c{filter:saturate(.35);background:#0b1011}.tier-c:hover{filter:saturate(.5);background:#111718}.tier-c .tier-letter,.tier-c strong,.tier-c>i{color:#8a9b99}
.tier-title{display:flex;justify-content:space-between;align-items:end;margin:38px 0 18px;padding-bottom:20px;border-bottom:1px solid rgba(122,214,196,.14)}.tier-title h2{font-size:36px;font-weight:300;margin:7px 0}.tier-title h2 b{display:inline-block;margin-right:14px;font:300 48px 'Roboto Mono';color:#7ad6c4}.tier-title p{font-size:12px;color:#8a9b99}.tier-title>span{font:11px 'Roboto Mono';letter-spacing:.15em;color:#667a79}
.personnel-filters{display:flex;gap:8px;align-items:end;margin:20px 0 30px}.personnel-filters label{display:grid;gap:7px;font:8px 'Roboto Mono';letter-spacing:.13em;color:#667a79}.personnel-filters select,.personnel-filters button{min-width:150px;height:36px;border:1px solid rgba(122,214,196,.14);background:#101c1a;color:#8a9b99;padding:0 11px;font:9px 'Roboto Mono'}.personnel-filters button{min-width:auto;cursor:pointer}.personnel-filters button:hover{color:#7ad6c4;border-color:rgba(122,214,196,.4)}
.personnel-group{margin:34px 0}.personnel-group>header{display:flex;justify-content:space-between;padding:0 3px 10px;border-bottom:1px solid rgba(122,214,196,.1);font:9px 'Roboto Mono';letter-spacing:.16em;color:#8a9b99}.personnel-group>header b{color:#667a79}.personnel-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.personnel-list.tier-b{grid-template-columns:repeat(4,1fr)}.personnel-list.tier-c{grid-template-columns:repeat(2,1fr)}.person-card{position:relative;min-height:188px;padding:17px;color:#e3e8e5;text-align:left;border:1px solid rgba(122,214,196,.14);background:#101c1a;cursor:pointer;transition:.2s}.person-card:hover,.person-card:focus-visible{background:#182723;border-color:rgba(122,214,196,.42);transform:translateY(-2px)}.person-card>small{font:8px 'Roboto Mono';letter-spacing:.13em;color:#667a79}.person-ident{display:flex;gap:14px;align-items:center;margin:14px 0}.person-ident img,.person-placeholder{width:54px;height:66px;flex:0 0 auto;object-fit:cover;object-position:top;background:#0a1010;border:1px solid rgba(122,214,196,.18)}.person-placeholder{display:grid;place-items:center;font:20px 'Roboto Mono';color:#667a79}.person-ident span>*{display:block}.person-ident b{font-weight:400;font-size:17px}.person-ident em{font-style:normal;font-size:9px;line-height:1.55;color:#8a9b99;margin-top:6px}.person-card>i{position:absolute;right:14px;bottom:12px;font:8px 'Roboto Mono';letter-spacing:.1em;color:#7ad6c4;font-style:normal}.ability-row{display:flex;flex-wrap:wrap;gap:5px;padding-right:48px}.ability{display:inline-block;padding:4px 6px;border:1px solid currentColor;font:8px 'Roboto Mono';letter-spacing:.05em}.ability-physical{color:#7ad6c4;background:rgba(122,214,196,.05)}.ability-mental{color:#d4c07a;background:rgba(212,192,122,.05)}.ability-element{color:#c4746a;background:rgba(196,116,106,.05)}.ability-spacetime,.ability-unknown,.ability-none{color:#667a79;background:rgba(102,122,121,.04)}.person-card.locked,.person-card.sealed{cursor:not-allowed;color:#b09a70;border-color:rgba(212,162,74,.2);background:repeating-linear-gradient(135deg,#111712,#111712 5px,#141b16 5px,#141b16 10px)}.person-card.locked>i,.person-card.sealed>i{color:#b09a70}.person-card.sealed:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(212,162,74,.17);pointer-events:none}.person-card.sealed>p{font:8px 'Roboto Mono';letter-spacing:.13em;color:#b09a70}.person-card.collective{min-height:165px;filter:saturate(.35)}.collective-count{display:block;margin-top:16px;font:20px 'Roboto Mono';font-weight:300;color:#8a9b99}.personnel-empty{padding:50px;text-align:center;border:1px dashed rgba(122,214,196,.14);font:10px 'Roboto Mono';letter-spacing:.16em;color:#667a79}
.memoriam{margin-top:60px;padding-top:25px;border-top:1px solid rgba(212,162,74,.25)}.memoriam>header small{font:8px 'Roboto Mono';letter-spacing:.2em;color:#b09a70}.memoriam>header h3{font-size:24px;font-weight:300;margin:8px 0}.memoriam>header p{font-size:11px;color:#667a79}.personnel-list.history .person-card{filter:saturate(.28);border-color:rgba(176,154,112,.18)}
.person-detail{display:grid;grid-template-columns:minmax(290px,38%) 1fr;gap:42px;margin-top:36px}.person-visual{position:sticky;top:24px;height:calc(100vh - 48px);min-height:620px;border:1px solid rgba(122,214,196,.14);background:#0c1414;overflow:hidden}.person-visual>img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.78) contrast(1.04)}.person-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,#07100ff2 86%);pointer-events:none}.detail-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle,rgba(122,214,196,.08),transparent 45%)}.detail-placeholder b{font:120px 'Roboto Mono';font-weight:300;color:rgba(122,214,196,.16)}.detail-placeholder span{position:absolute;top:22px;left:22px;font:9px 'Roboto Mono';letter-spacing:.15em;color:#667a79}.detail-plate{position:absolute;z-index:2;left:26px;right:26px;bottom:26px}.detail-plate small{font:8px 'Roboto Mono';letter-spacing:.15em;color:#7ad6c4}.detail-plate h2{font-size:36px;font-weight:300;margin:9px 0}.detail-plate p{font-size:11px;line-height:1.7;color:#8a9b99}.person-file>header{display:flex;justify-content:space-between;gap:30px;padding:20px 0 28px;border-bottom:1px solid rgba(122,214,196,.14)}.person-file>header small,.relations>small{font:8px 'Roboto Mono';letter-spacing:.17em;color:#667a79}.person-file>header h1{font-size:48px;font-weight:300;margin:8px 0}.person-file>header p{max-width:590px;color:#8a9b99;font-size:13px;line-height:1.9}.vitals{display:flex;gap:8px}.vitals span{min-width:72px;padding:11px;border:1px solid rgba(122,214,196,.14);font-size:10px;color:#667a79;text-align:center}.vitals b{display:block;font:20px 'Roboto Mono';font-weight:300;color:#e3e8e5}.detail-abilities{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.detail-abilities .ability{padding:7px 9px}.file-section{position:relative;padding:24px 28px;margin:9px 0;border:1px solid rgba(122,214,196,.12);background:#101c1a}.file-section:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:#7ad6c4;opacity:.4}.file-section small{font:9px 'Roboto Mono';letter-spacing:.15em;color:#7ad6c4}.file-section p{font-size:13px;line-height:2;color:#a4b2b0}.file-section .deep-unlocked{margin-top:18px;padding-top:18px;border-top:1px dashed rgba(122,214,196,.18)}.file-section .deep-locked,.locked-section p{color:#b09a70;font:10px 'Roboto Mono';letter-spacing:.1em}.locked-section{border-color:rgba(212,162,74,.18);background:repeating-linear-gradient(135deg,#101713,#101713 6px,#121a15 6px,#121a15 12px)}.locked-section:before{background:#d4a24a}.relations{margin-top:28px;padding-top:25px;border-top:1px solid rgba(122,214,196,.14)}.relations h3{font-size:23px;font-weight:300;margin:8px 0 15px}.relations>div{display:flex;flex-wrap:wrap;gap:8px}.relations button{min-width:160px;padding:11px 13px;text-align:left;border:1px solid rgba(122,214,196,.14);background:#101c1a;color:#e3e8e5;cursor:pointer}.relations button:hover{border-color:rgba(122,214,196,.4)}.relations button:disabled{color:#b09a70;cursor:not-allowed}.relations button>*{display:block}.relations button b{font-weight:400}.relations button span{font-size:9px;color:#8a9b99;margin-top:4px}
.personnel-foot{position:fixed;z-index:4;left:0;right:0;bottom:0;height:36px;padding:0 4vw;background:#050a0af2;border-top:1px solid rgba(122,214,196,.1);display:flex;justify-content:space-between;align-items:center;font:8px 'Roboto Mono';letter-spacing:.12em;color:#667a79}
@media(max-width:900px){.personnel-head{grid-template-columns:130px 1fr}.personnel-access{grid-row:2;grid-column:1/3;display:flex;align-items:center;justify-content:space-between}.personnel-head{height:132px;padding-top:12px;padding-bottom:12px}.tier-grid{grid-template-columns:1fr}.tier-card.tier-s{grid-row:auto;min-height:330px}.personnel-list,.personnel-list.tier-b{grid-template-columns:repeat(2,1fr)}.person-detail{grid-template-columns:1fr}.person-visual{position:relative;top:0;height:70vh;min-height:520px}.person-file>header{flex-direction:column}.personnel-main{padding-bottom:80px}}
@media(max-width:620px){.personnel-head{grid-template-columns:1fr auto;gap:10px}.personnel-head>div:nth-child(2){grid-row:1;grid-column:1}.personnel-back{grid-row:1;grid-column:2}.personnel-access{grid-row:2;grid-column:1/3}.personnel-head h1{font-size:22px}.tier-intro{align-items:start;flex-direction:column}.tier-intro>span{display:none}.tier-card,.tier-card.tier-s{padding:92px 20px 24px;min-height:250px}.tier-card.tier-s:before,.tier-card.tier-s:after{display:none}.tier-s .tier-letter,.tier-letter{left:20px;top:13px;font-size:70px}.personnel-filters{display:grid;grid-template-columns:1fr 1fr}.personnel-filters label:first-child{grid-column:1/3}.personnel-filters select{width:100%;min-width:0}.personnel-list,.personnel-list.tier-b,.personnel-list.tier-c{grid-template-columns:1fr}.personnel-main{width:90vw}.person-visual{height:62vh;min-height:440px}.person-file>header h1{font-size:38px}.vitals{align-self:start}}
@media(prefers-reduced-motion:reduce){.tier-card,.person-card{transition:none}}