.pc-zone{--holo:#58eaff;perspective:1100px}
.pc-zone:before{inset:0;background:radial-gradient(circle at 52% 55%,rgba(88,234,255,.17),transparent 46%),url('energy-field.png') center/cover;opacity:.3}
.pc-stage{inset:20px -10px 0}
.holo-table{position:absolute;left:50%;bottom:24px;width:440px;height:120px;transform:translateX(-50%) rotateX(67deg);border:1px solid rgba(88,234,255,.55);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 22px,rgba(88,234,255,.16) 23px 24px),radial-gradient(circle,rgba(88,234,255,.12),transparent 68%);box-shadow:0 0 35px rgba(88,234,255,.2),inset 0 0 40px rgba(88,234,255,.12)}
.table-ring{position:absolute;border:1px dashed var(--holo);border-radius:50%;animation:tableSpin 12s linear infinite}.table-ring.r-a{inset:18px 70px}.table-ring.r-b{inset:35px 130px;animation-direction:reverse;animation-duration:7s}.table-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);color:var(--holo);font:8px "DM Mono";letter-spacing:2px}
.holo-beam{position:absolute;left:50%;bottom:72px;width:390px;height:430px;transform:translateX(-50%);clip-path:polygon(22% 100%,78% 100%,100% 0,0 0);background:linear-gradient(90deg,transparent,rgba(88,234,255,.04),transparent);border-bottom:1px solid var(--holo);pointer-events:none}
.pc-rig{top:43%;filter:drop-shadow(0 0 10px rgba(88,234,255,.35))}
.part{background-color:rgba(8,31,39,.42)!important;border-color:rgba(88,234,255,.68)!important;color:var(--holo);box-shadow:inset 0 0 22px rgba(88,234,255,.1),0 0 7px rgba(88,234,255,.22)!important}
.holo-scanline{position:absolute;z-index:20;left:-45px;right:-45px;height:2px;background:#d0faff;box-shadow:0 0 13px 4px var(--holo);opacity:.7;animation:holoScan 3.5s ease-in-out infinite;pointer-events:none}
.case-back{background:repeating-linear-gradient(0deg,rgba(88,234,255,.05) 0 1px,transparent 1px 8px)}.case-back:before{content:"CHASSIS // 01";position:absolute;top:-17px;left:0;font:7px "DM Mono";letter-spacing:2px;color:var(--holo)}.case-back i{border:1px dashed var(--holo);animation:spin 8s linear infinite}
.board:before{content:"MOTHERBOARD // X670";position:absolute;bottom:7px;left:9px;font:6px "DM Mono";letter-spacing:1px}.trace{border-color:rgba(88,234,255,.55)}.socket{border:4px double var(--holo);background:rgba(3,18,23,.7);color:var(--holo);font:700 9px "DM Mono"}.chip{position:absolute;width:20px;height:16px;border:1px solid var(--holo)}.c1{left:18px;top:26px}.c2{left:165px;top:165px}.c3{left:45px;top:210px}
.cpu{left:92px;top:119px;width:38px;height:38px;display:grid;place-items:center;text-align:center;border:2px solid;transform:translateZ(44px);font:6px "DM Mono"}
.ram{background:rgba(88,234,255,.2)!important}.ram i{border-color:var(--holo)}
.fan,.cooler-fan{border:4px dashed var(--holo)}.fan:after,.cooler-fan:after{background:transparent;border:1px solid var(--holo);box-shadow:0 0 12px var(--holo)}
.psu{left:25px;bottom:17px;width:105px;height:68px;border:2px solid;transform:translateZ(20px);font:8px "DM Mono"}.psu span{position:absolute;left:9px;bottom:8px}.psu i{position:absolute;width:45px;height:45px;right:8px;top:8px;border:2px dashed var(--holo);border-radius:50%;animation:spin 6s linear infinite}
.ssd{left:152px;top:190px;width:64px;height:18px;border:1px solid;transform:translateZ(33px);font:5px "DM Mono"}.ssd strong{padding-left:3px}.ssd i{display:inline-block;width:8px;height:8px;border:1px solid var(--holo);margin:4px 1px}
.radiator{width:54px;height:182px;right:-22px;top:35px;border:2px solid;transform:translateZ(-14px)}.radiator i{display:block;height:52px;width:42px;margin:6px;border:2px dashed var(--holo);border-radius:50%;animation:spin 8s linear infinite}.radiator span,.radiator b{position:absolute;width:65px;height:55px;border:1px solid var(--holo);border-left:0;border-bottom:0;border-radius:0 55px 0 0;left:-55px;bottom:-24px}.radiator b{bottom:-35px;left:-45px}
.front-fans{right:-76px;top:42px;width:48px;height:210px;border:1px solid;transform:rotateY(75deg) translateZ(12px)}.front-fans i{display:block;width:43px;height:43px;margin:18px 2px;border:2px dashed var(--holo);border-radius:50%;animation:spin 7s linear infinite}
.io-panel{left:-30px;top:42px;width:32px;height:120px;border:1px solid;transform:rotateY(-75deg)}.io-panel i{display:block;width:16px;height:7px;border:1px solid var(--holo);margin:12px 7px}
.cables{inset:0;transform:translateZ(8px);pointer-events:none;background:transparent!important;box-shadow:none!important}.cables i{position:absolute;width:110px;height:70px;border:1px solid var(--holo);border-top:0;border-left:0;border-radius:0 0 30px 0;opacity:.6}.cables i:nth-child(1){right:10px;bottom:35px}.cables i:nth-child(2){left:65px;bottom:50px;transform:rotate(90deg)}.cables i:nth-child(3){right:35px;top:10px;transform:rotate(180deg)}
.case-glass{border-color:rgba(88,234,255,.45)!important;transform:translateZ(93px);background:linear-gradient(135deg,rgba(88,234,255,.05),transparent)!important}.case-front{right:-8px;top:0;width:20px;height:400px;border:2px solid;transform:rotateY(82deg) translateZ(10px)}
.exploded .case-glass{transform:translateZ(205px) translateX(70px)}.exploded .case-front{transform:rotateY(82deg) translateZ(92px) translateX(38px)}.exploded .gpu{transform:translateZ(125px) translateX(-68px) translateY(18px)}.exploded .cooler{transform:translateZ(150px) translateY(-55px)}.exploded .cpu{transform:translateZ(118px) translateY(-22px)}.exploded .ram.r1{transform:translateZ(105px) translateX(32px) translateY(-35px)}.exploded .ram.r2{transform:translateZ(132px) translateX(52px) translateY(-48px)}.exploded .ssd{transform:translateZ(98px) translateX(60px)}.exploded .psu{transform:translateZ(75px) translateX(-45px) translateY(25px)}.exploded .radiator{transform:translateZ(45px) translateX(70px)}.exploded .front-fans{transform:rotateY(75deg) translateZ(85px) translateX(30px)}.exploded .io-panel{transform:rotateY(-75deg) translateZ(60px) translateX(-28px)}
.callout{font-size:9px;color:#d5fbff;text-shadow:0 0 8px var(--holo)}.callout b{color:var(--holo);border-color:rgba(88,234,255,.45)}.callout small{color:#629ba4;font-size:7px}.cpu-call{top:19%}.gpu-call{bottom:31%}.ram-call{bottom:22%}.psu-call{left:5%;bottom:12%}.ssd-call{right:5%;top:43%}.callout:after{width:45px;background:rgba(88,234,255,.55);box-shadow:0 0 5px var(--holo)}.cpu-call:after,.ram-call:after,.ssd-call:after{right:100%;left:auto;top:50%}.gpu-call:after,.psu-call:after{left:100%}
.drag-hint{right:14%;top:18px;color:#629ba4}.drag-hint span{color:var(--holo)}.explode{bottom:5px;background:rgba(6,18,23,.88);border-color:rgba(88,234,255,.55);color:#d5fbff;box-shadow:0 0 18px rgba(88,234,255,.13)}.explode span{color:var(--holo)}
@keyframes holoScan{0%,100%{top:2%;opacity:.15}50%{top:98%;opacity:.85}}@keyframes tableSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.holo-table{width:380px}.psu-call,.ssd-call{display:none}}@media(max-width:560px){.holo-table{width:360px}.pc-stage{transform:scale(.72);transform-origin:center top}}