.eidolon-view{--ei-line:#263136;--ei-line2:#1b2427;--ei-bg:#06090a;--ei-panel:#090d0f;--ei-ink:#dce6e8;--ei-muted:#68777c;--ei-cold:#99bac1;--ei-accent:#91b8c0}
.eidolon-lab{position:relative;min-height:680px;color:var(--ei-ink);isolation:isolate}
.ei-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:0 0 17px;border-bottom:1px solid var(--ei-line)}
.ei-head .kicker,.ei-head-meta span,.ei-source span,.ei-source b{font:650 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;color:#637278}
.ei-head h2{margin:7px 0 0;font:900 clamp(34px,5vw,62px)/.88 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.055em}
.ei-head h2 span{color:#71858b}
.ei-head-meta{display:grid;grid-template-columns:repeat(3,auto);gap:22px;text-align:right}.ei-head-meta div{display:grid;gap:5px}.ei-head-meta b{font:800 10px ui-monospace,SFMono-Regular,monospace;color:#b8c9cd}
.ei-source{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:36px;padding:0 10px;border-bottom:1px solid var(--ei-line2);background:#080c0d}.ei-source b{text-align:right;color:#7f9196}
.source-linked .ei-source{box-shadow:inset 2px 0 var(--ei-accent)}
.ei-grid{display:grid;grid-template-columns:190px minmax(360px,1fr) 286px;grid-template-areas:"class scan assess" "tabs tabs tabs" "panel panel panel";border-bottom:1px solid var(--ei-line)}
.ei-class-nav{grid-area:class;border-right:1px solid var(--ei-line);padding:17px 14px 17px 0;background:#070a0b}
.ei-class-head{display:flex;justify-content:space-between;padding:0 7px 10px}.ei-class-head span,.ei-class-head b{font:650 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#556469}.ei-class-head b{color:#8b9ba0}
.ei-class-btn{width:100%;min-height:66px;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:8px 7px;border:0;border-top:1px solid var(--ei-line2);background:transparent;color:#738187;text-align:left;cursor:pointer;position:relative}
.ei-class-btn:last-child{border-bottom:1px solid var(--ei-line2)}
.ei-class-btn>span{font:900 16px ui-monospace,SFMono-Regular,monospace;color:#4c5a5f}.ei-class-btn b{display:block;font:800 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#a0afb3}.ei-class-btn small{display:block;margin-top:4px;font:600 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#526065}
.ei-class-btn:after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:1px;background:var(--ei-accent);transform:scaleY(0);transition:transform .16s}
.ei-class-btn:hover{background:#0c1113}.ei-class-btn.active{background:#0e1517}.ei-class-btn.active:after{transform:scaleY(1)}.ei-class-btn.active>span{color:#d9e7ea}.ei-class-btn.active b{color:#e3ecee}
.ei-scanner{grid-area:scan;position:relative;min-height:510px;overflow:hidden;background:radial-gradient(circle at 50% 49%,#172328 0,transparent 27%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),#050809;background-size:auto,29px 29px,29px 29px,auto;outline:0;border-right:1px solid var(--ei-line)}
.ei-scanner:before{content:"";position:absolute;inset:12px;border:1px solid #71858a28;clip-path:polygon(0 0,22% 0,22% 1px,1px 1px,1px 22%,0 22%,0 0,100% 0,100% 22%,calc(100% - 1px) 22%,calc(100% - 1px) 1px,78% 1px,78% 0,100% 0,100% 100%,78% 100%,78% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 78%,100% 78%,100% 100%,0 100%,0 78%,1px 78%,1px calc(100% - 1px),22% calc(100% - 1px),22% 100%,0 100%);pointer-events:none}
.ei-scan-top{position:absolute;z-index:6;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;gap:15px}.ei-scan-top span,.ei-scan-top b,.ei-scan-foot span,.ei-scan-foot b{font:650 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#63747a}.ei-scan-top b{color:#a8bcc1}
.ei-scan-foot{position:absolute;z-index:6;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between}.ei-scan-foot b{color:#73858a}
.ei-target{position:absolute;inset:50px 20px 42px;display:grid;place-items:center}
.ei-orbit,.ei-orbit:before,.ei-orbit:after{position:absolute;border:1px solid #96bdc51c;border-radius:50%}.ei-orbit{width:min(48vw,350px);aspect-ratio:1}.ei-orbit:before{content:"";inset:12%}.ei-orbit:after{content:"";inset:27%;border-style:dashed}
.ei-axis-x,.ei-axis-y{position:absolute;background:#8fb7bf16}.ei-axis-x{width:72%;height:1px}.ei-axis-y{height:72%;width:1px}
.ei-specimen{--bw:84px;--bh:150px;--lw:132px;--lh:13px;position:relative;width:300px;height:330px;display:grid;place-items:center;filter:drop-shadow(0 16px 22px #000b);transition:filter .2s,transform .25s}
.ei-body{position:absolute;width:var(--bw);height:var(--bh);background:linear-gradient(90deg,#1a2427,#66787c 48%,#263236);clip-path:polygon(28% 0,72% 0,100% 18%,90% 76%,65% 100%,35% 100%,10% 76%,0 18%);box-shadow:inset 0 0 0 1px #a7c2c522}
.ei-body:before,.ei-body:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:1px solid #abcbd045}.ei-body:before{top:14%;width:54%;height:17%}.ei-body:after{bottom:16%;width:66%;height:23%}
.ei-core{position:absolute;width:20px;height:20px;border-radius:50%;background:#b5d3d9;box-shadow:0 0 9px #a9d6df,0 0 30px #9acbd58e;z-index:3}.ei-core:after{content:"";position:absolute;inset:-8px;border:1px solid #a7d1d84a;border-radius:50%}
.ei-limb{position:absolute;width:var(--lw);height:var(--lh);background:linear-gradient(90deg,#53666b,#172023);clip-path:polygon(0 30%,87% 0,100% 50%,87% 100%,0 70%);transform-origin:8% 50%;opacity:.88}
.ei-limb.l1{transform:translate(39px,-48px) rotate(-30deg)}.ei-limb.l2{transform:translate(39px,45px) rotate(30deg)}.ei-limb.l3{transform:translate(-39px,-48px) rotate(210deg)}.ei-limb.l4{transform:translate(-39px,45px) rotate(150deg)}
.ei-limb.l5,.ei-limb.l6{display:none}
[data-ei-class="swarm"] .ei-specimen{--bw:58px;--bh:88px;--lw:86px;--lh:8px;transform:scale(.78)}
[data-ei-class="hunter"] .ei-specimen{--bw:68px;--bh:132px;--lw:118px;--lh:10px;transform:scale(.94)}
[data-ei-class="brute"] .ei-specimen{--bw:118px;--bh:144px;--lw:105px;--lh:22px;transform:scale(1.02)}
[data-ei-class="brute"] .ei-body{clip-path:polygon(18% 0,82% 0,100% 18%,94% 82%,76% 100%,24% 100%,6% 82%,0 18%)}
[data-ei-class="dominion"] .ei-specimen{--bw:77px;--bh:176px;--lw:148px;--lh:9px;transform:scale(1.03)}
[data-ei-class="dominion"] .ei-limb.l5,[data-ei-class="dominion"] .ei-limb.l6{display:block}
[data-ei-class="dominion"] .ei-limb.l5{transform:translate(42px,0) rotate(0)}[data-ei-class="dominion"] .ei-limb.l6{transform:translate(-42px,0) rotate(180deg)}
[data-ei-class="ark"] .ei-specimen{--bw:144px;--bh:215px;--lw:182px;--lh:17px;transform:scale(1.12)}
[data-ei-class="ark"] .ei-core{width:28px;height:28px}
[data-ei-class="seraph"] .ei-specimen{--bw:71px;--bh:190px;--lw:167px;--lh:8px;transform:rotate(2deg) scale(1.03);filter:drop-shadow(12px 0 0 #8fbcc315) drop-shadow(-8px 0 0 #8c36361a)}
[data-ei-class="seraph"] .ei-body{clip-path:polygon(50% 0,82% 12%,66% 44%,100% 76%,59% 100%,37% 73%,0 61%,27% 38%,15% 12%)}
[data-ei-class="seraph"] .ei-core{background:#d6e2e3;box-shadow:0 0 12px #ddeff2,0 0 38px #bd4d4d7d}
.ei-hotspot{position:absolute;z-index:7;min-width:84px;border:1px solid #344348;background:#071012d9;color:#819398;padding:7px 8px;text-align:left;cursor:pointer}.ei-hotspot span,.ei-hotspot b{display:block;font:700 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.ei-hotspot b{margin-top:4px;font-size:7px;color:#b7c7ca}.ei-hotspot:after{content:"";position:absolute;height:1px;background:#738e944d;width:44px;top:50%}
.ei-hotspot.core{left:8%;top:48%}.ei-hotspot.core:after{left:100%}.ei-hotspot.network{right:7%;top:29%}.ei-hotspot.network:after{right:100%}.ei-hotspot.morphology{right:8%;bottom:24%}.ei-hotspot.morphology:after{right:100%}.ei-hotspot.active{border-color:#8eabb2;color:#c5d7da;box-shadow:0 0 16px #9cc9d115}
.ei-scanline{position:absolute;z-index:5;left:3%;right:3%;top:-8%;height:2px;background:#b8dce2;opacity:0;box-shadow:0 0 12px #b8dce2}
.scanning .ei-scanline{animation:eiScan .46s ease-out}.scanning .ei-specimen{animation:eiAcquire .46s ease-out}
@keyframes eiScan{0%{top:9%;opacity:0}12%{opacity:.85}85%{opacity:.55}100%{top:91%;opacity:0}}@keyframes eiAcquire{0%{opacity:.18;filter:blur(3px)}45%{opacity:.55}100%{opacity:1}}
.seraph-mode .ei-scanner:after{content:"신호 불일치 // 규격외";position:absolute;z-index:8;right:22px;top:52px;font:700 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#a87572}.seraph-mode .ei-scanner{box-shadow:inset 0 0 70px #4d181812}
.ei-assessment{grid-area:assess;background:#070a0b;padding:18px 0 17px 17px;min-width:0}
.ei-assessment>header{display:flex;justify-content:space-between;padding:0 0 10px;border-bottom:1px solid var(--ei-line2)}.ei-assessment>header span,.ei-assessment>header b{font:650 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#617176}.ei-assessment>header b{color:#9caeb2}
.ei-assess-primary{padding:18px 0 16px;border-bottom:1px solid var(--ei-line2)}.ei-assess-primary span{font:650 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#59686d}.ei-assess-primary b{display:block;margin-top:6px;font:900 38px/.9 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.05em;color:#dce7e9}.ei-assess-primary em{display:block;margin-top:7px;font:700 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:#73858a;font-style:normal}
.ei-assess-primary i{font-style:normal}
.ei-assess-list{margin:0}.ei-assess-list div{padding:11px 0;border-bottom:1px solid var(--ei-line2)}.ei-assess-list dt{font:650 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#526166}.ei-assess-list dd{margin:5px 0 0;font-size:9px;line-height:1.45;color:#b5c2c5}
.ei-risk-wrap{padding:14px 0;border-bottom:1px solid var(--ei-line2)}.ei-risk-wrap>span{font:650 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#56656a}.ei-risk-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px}.ei-risk-scale span{display:grid;place-items:center;height:25px;border:1px solid #293438;font:800 7px ui-monospace,SFMono-Regular,monospace;color:#5e6d72}.ei-risk-scale span.active{border-color:#a76762;color:#d5b4b1;background:#351c1b}
.ei-focus-readout{padding:15px 0}.ei-focus-readout>span,.ei-focus-readout>em{display:block;font:650 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#56656a;font-style:normal}.ei-focus-readout b{display:block;margin-top:7px;font:850 13px ui-monospace,SFMono-Regular,monospace;color:#cbd8da}.ei-focus-readout em{margin-top:4px;color:#819399}.ei-focus-readout p{margin:10px 0 0;font-size:10px;line-height:1.65;color:#829095}
@media(prefers-reduced-motion:reduce){.scanning .ei-scanline,.scanning .ei-specimen{animation:none!important}.ei-specimen,.ei-class-btn:after{transition:none}}