.assembly-scene{height:540px;overflow:visible;perspective:none;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:center;padding:20px 0 64px}.assembly-layer{position:relative;inset:auto;width:auto;height:360px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;padding:12px 5px;border:1px solid #263b43;border-radius:5px;background:linear-gradient(180deg,rgba(14,24,28,.9),rgba(5,8,10,.95));opacity:1;transform:none!important;text-align:center}.assembly-layer span{font-size:18px}.assembly-layer b{font-size:16px}.assembly-layer small{min-height:36px;font-size:9px;line-height:1.35;color:#84949a}.part-visual{position:relative;width:100%;height:235px;margin-bottom:11px}.frame-layer,.edge-layer,.display-layer,.film-layer,.glass-layer,.final-layer{top:auto;width:auto;height:360px;border-width:1px;border-radius:5px;background:linear-gradient(180deg,rgba(14,24,28,.9),rgba(5,8,10,.95))}.frame-visual{border:12px solid #3c484d;border-radius:4px;background:transparent;box-shadow:inset 0 0 0 2px #101517}.frame-visual:before,.frame-visual:after{content:"";position:absolute;left:-8px;width:5px;height:50px;background:repeating-linear-gradient(#111 0 3px,#59666b 3px 5px)}.frame-visual:before{top:28px}.frame-visual:after{bottom:28px}.frame-visual i{position:absolute;inset:15px;border:1px dashed #506168}.pc-visual{border:7px solid #303c41;border-radius:8px;background:linear-gradient(145deg,#26343a,#080b0c);box-shadow:inset 0 0 18px #000}.pc-fan{position:absolute;top:22px;left:16px;width:50px;height:50px;border:5px double #71848b;border-radius:50%;background:conic-gradient(#182126 0 12%,#60747c 12% 18%,#182126 18% 37%,#60747c 37% 43%,#182126 43% 62%,#60747c 62% 68%,#182126 68%)}.pc-chip{position:absolute;top:32px;right:16px;width:42px;height:42px;border:5px ridge #52666e;background:#0a9697;box-shadow:0 0 10px rgba(88,220,255,.3)}.pc-ports{position:absolute;left:18px;right:18px;bottom:25px;height:38px;border-top:2px solid #708187;background:repeating-linear-gradient(90deg,#050708 0 8px,#52666d 8px 11px)}.pc-wire{position:absolute;right:-11px;bottom:45px;width:25px;height:70px;border:3px solid var(--cyan);border-left:0;border-top:0;border-radius:0 0 12px;opacity:.65}.monitor-visual{overflow:hidden;border:8px solid #171c1e;border-radius:3px;background:radial-gradient(circle at 50% 35%,#18566c,#031015 66%);box-shadow:0 0 18px rgba(88,220,255,.16)}.monitor-visual:after{content:"MONITOR";position:absolute;left:0;right:0;bottom:12px;color:rgba(178,239,250,.65);font-size:8px;letter-spacing:.18em}.monitor-visual>i{position:absolute;left:18px;right:18px;top:75px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 14px 0 rgba(88,220,255,.4),0 28px 0 rgba(88,220,255,.22)}.monitor-visual strong{position:absolute;top:18px;left:13px;font-size:22px}.monitor-visual em{position:absolute;top:19px;right:13px;color:var(--warm);font-size:18px}.film-visual{border:2px solid #43cdeb;background:repeating-linear-gradient(135deg,rgba(49,210,241,.08) 0 8px,rgba(133,239,255,.22) 8px 10px);box-shadow:inset 0 0 30px rgba(67,205,235,.18)}.film-visual:after{content:"CIENKA FOLIA";position:absolute;left:0;right:0;top:50%;color:#b8f4ff;font-size:8px;letter-spacing:.16em}.film-visual i{position:absolute;top:-2px;right:-2px;width:28px;height:28px;border-left:1px solid white;border-bottom:1px solid white;background:rgba(219,251,255,.45);clip-path:polygon(0 0,100% 0,100% 100%)}.glass-visual{border:3px solid #9bc5ce;background:linear-gradient(145deg,rgba(229,247,250,.34),rgba(27,55,65,.56));box-shadow:inset 12px 0 18px rgba(255,255,255,.12)}.glass-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.34) 34%,transparent 42%)}.glass-visual i{position:absolute;left:12px;bottom:12px;width:35px;height:2px;background:#d7f6ff;transform:rotate(-45deg)}.final-mirror-visual{border:10px solid #252d30;border-radius:44% 44% 38% 38%/14% 14% 8% 8%;background:linear-gradient(145deg,#12313b,#020405 72%);box-shadow:0 0 24px rgba(88,220,255,.2)}.final-mirror-visual>strong{position:absolute;top:20px;left:15px;font-size:20px}.final-face{position:absolute;left:50%;top:43%;display:grid;place-items:center;width:56px;height:64px;transform:translate(-50%,-50%);border:1px solid var(--cyan);border-radius:48%;color:#c9f8ff;font-style:normal;letter-spacing:7px;box-shadow:0 0 18px rgba(88,220,255,.28);animation:final-awake 2s ease-in-out infinite}.final-face em{position:absolute;bottom:10px;left:20px;font-size:15px;letter-spacing:0}.final-mirror-visual>span{position:absolute;left:4px;right:4px;bottom:22px;color:var(--cyan);font-size:8px}.assembly-player.playing .assembly-layer{animation:part-identify 8s ease-in-out both}.assembly-player.playing .assembly-layer:nth-child(2){animation-delay:.25s}.assembly-player.playing .assembly-layer:nth-child(3){animation-delay:.5s}.assembly-player.playing .assembly-layer:nth-child(4){animation-delay:.75s}.assembly-player.playing .assembly-layer:nth-child(5){animation-delay:1s}.assembly-player.playing .final-layer{animation:final-reveal 8s ease-in-out 1.25s both}.assembly-player.playing .assembly-progress i{animation-duration:9.5s}@keyframes part-identify{0%{opacity:.25;transform:translateY(20px)!important}12%,58%{opacity:1;transform:translateY(0)!important;box-shadow:0 0 0 rgba(88,220,255,0)}70%{opacity:1;transform:translateX(calc((3 - var(--part,3))*10px)) scale(.96)!important}82%,100%{opacity:.16;transform:scale(.9)!important}}@keyframes final-reveal{0%,65%{opacity:.15;transform:scale(.9)!important}78%,100%{opacity:1;transform:scale(1.08)!important;box-shadow:0 0 35px rgba(88,220,255,.28)}}@keyframes final-awake{50%{box-shadow:0 0 28px rgba(88,220,255,.55)}}@media(max-width:900px){.assembly-scene{height:auto;grid-template-columns:repeat(3,1fr);padding-bottom:20px}.assembly-layer,.frame-layer,.edge-layer,.display-layer,.film-layer,.glass-layer,.final-layer{height:330px}.part-visual{height:210px}}@media(max-width:560px){.assembly-scene{grid-template-columns:1fr 1fr;gap:7px}.assembly-layer,.frame-layer,.edge-layer,.display-layer,.film-layer,.glass-layer,.final-layer{height:300px}.part-visual{height:185px}.assembly-labels{display:none}.assembly-layer b{font-size:14px}}