.sholo-wrap{place-items:center;min-height:300px;margin-top:auto;padding:12px 6px 8px;display:grid;overflow:hidden}.sholo-stage{perspective:1100px;width:100%;max-width:248px;height:258px;transform-style:preserve-3d;position:relative}.sholo-dark{--sholo-cyan:#00e8ff;--sholo-blue:#0b8fff;--sholo-deep:#02102e;--sholo-floor:#030d22;--sholo-glow:#00e8ff8c;--sholo-beam-a:#00dcff38;--sholo-beam-b:#00b4ff14;--sholo-panel-bg:#008cff1f;--sholo-panel-border:#00e2ff80}.sholo-light{--sholo-cyan:#0090e8;--sholo-blue:#1a7fff;--sholo-deep:#d8ecff;--sholo-floor:#c5e0ff;--sholo-glow:#008cff59;--sholo-beam-a:#00a0ff24;--sholo-beam-b:#0078ff0d;--sholo-panel-bg:#0078ff14;--sholo-panel-border:#0096ff61}.sholo-floor{width:240px;height:120px;transform-style:preserve-3d;z-index:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotateX(72deg)rotate(-14deg)}.sholo-floor-surface{background:linear-gradient(var(--sholo-cyan) 1px, transparent 1px), linear-gradient(90deg, var(--sholo-cyan) 1px, transparent 1px), linear-gradient(180deg, var(--sholo-floor), #020e26eb);opacity:.28;background-size:16px 16px,16px 16px,100% 100%;border:1px solid #00c8ff24;border-radius:6px;position:absolute;inset:0;box-shadow:0 20px 40px #00328c59,inset 0 0 30px #00c8ff0f}.sholo-floor-edge{background:linear-gradient(90deg, transparent, var(--sholo-cyan), transparent);opacity:.45;filter:blur(1px);height:4px;position:absolute;bottom:-3px;left:0;right:0}.sholo-radar-sweep{opacity:.5;border-radius:6px;position:absolute;inset:0;overflow:hidden}.sholo-radar-sweep:after{content:"";transform-origin:50% 100%;background:conic-gradient(from 200deg at 50% 100%,#0000 0deg,#00e8ff2e 28deg,#0000 56deg);width:140%;height:140%;animation:4.5s linear infinite sholo-radar;position:absolute;bottom:50%;left:50%}.sholo-pedestal{width:168px;height:72px;transform-style:preserve-3d;z-index:4;position:absolute;bottom:38px;left:50%;transform:translate(-50%)rotateX(72deg)rotate(-14deg)}.sholo-disc{border:1.5px solid #00d2ff6b;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.sholo-disc-outer{background:radial-gradient(at 50% 30%,#00f0ff33 0%,#0000 45%),radial-gradient(#041e4efa 0 40%,#000c24 70%,#0064c859 100%);width:168px;height:54px;animation:3.2s ease-in-out infinite sholo-disc-pulse;bottom:0;box-shadow:0 10px #000a1ef2,0 18px 24px #00236473,inset 0 0 20px #00dcff1f,inset 0 -10px 16px #000614e6}.sholo-disc-mid{background:radial-gradient(#003278f2 0 50%,#001437fa 100%);border-color:#00aaff61;width:118px;height:38px;bottom:14px;box-shadow:0 6px #000818e6,inset 0 0 12px #00c8ff1a}.sholo-disc-inner{background:radial-gradient(#0050a0e6,#00193cfa);border-color:#00f4ff8c;width:72px;height:24px;bottom:26px;box-shadow:inset 0 0 10px #00e6ff26}.sholo-disc-notch{background:var(--sholo-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--sholo-glow);opacity:.7;border-radius:50%;position:absolute}.sholo-notch-a{top:38%;left:18%}.sholo-notch-b{top:52%;right:16%}.sholo-notch-c{bottom:28%;left:46%}.sholo-emitter{z-index:6;width:48px;height:20px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.sholo-emitter-core{background:radial-gradient(ellipse at center, #fff 0%, var(--sholo-cyan) 35%, transparent 75%);box-shadow:0 0 22px var(--sholo-glow), 0 0 40px #00c8ff59;border-radius:50%;animation:2.4s ease-in-out infinite sholo-emitter-pulse;position:absolute;inset:0}.sholo-emitter-halo{filter:blur(4px);background:radial-gradient(#00f0ff59,#0000 70%);border-radius:50%;width:80px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sholo-projection{z-index:3;pointer-events:none;width:120px;height:150px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)rotate(-3deg)}.sholo-beam{clip-path:polygon(20% 100%,80% 100%,58% 0,42% 0);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sholo-beam-outer{background:linear-gradient(180deg, var(--sholo-beam-b) 0%, var(--sholo-beam-a) 55%, #00d2ff2e 100%);filter:blur(2px);opacity:.55;width:118px;height:148px;animation:4s ease-in-out infinite sholo-beam-breathe}.sholo-beam-mid{filter:blur(.5px);opacity:.7;background:linear-gradient(#0000 0%,#00dcff1a 40%,#00e6ff38 100%);width:72px;height:140px}.sholo-beam-core{opacity:.85;background:linear-gradient(#0000 10%,#00f8ff26 50%,#ffffff1f 100%);width:28px;height:135px;animation:3.6s ease-in-out infinite sholo-flicker}.sholo-beam-flare{filter:blur(3px);background:radial-gradient(#00f8ffb3,#00b4ff33 50%,#0000 75%);border-radius:50%;width:90px;height:24px;animation:2.4s ease-in-out infinite sholo-flare-pulse;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.sholo-screens{transform-style:preserve-3d;z-index:8;position:absolute;inset:0}.sholo-panel{border:1px solid var(--sholo-panel-border);background:var(--sholo-panel-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 0 24px #00b4ff33,inset 0 0 16px #00dcff0f}.sholo-panel-main{width:108px;height:132px;animation:5s ease-in-out infinite sholo-panel-float;top:18px;left:50%;transform:translate(-50%)rotateY(22deg)rotateX(6deg)translateZ(24px)}.sholo-panel-left{opacity:.42;width:44px;height:78px;margin-left:-78px;animation:5s ease-in-out -1.2s infinite sholo-panel-float;top:52px;left:50%;transform:translate(-50%)rotateY(18deg)rotateX(5deg)translateZ(8px)}.sholo-panel-right{opacity:.38;width:44px;height:78px;margin-left:78px;animation:5s ease-in-out -2.4s infinite sholo-panel-float;top:48px;left:50%;transform:translate(-50%)rotateY(18deg)rotateX(5deg)translateZ(8px)}.sholo-panel-inner{z-index:2;height:100%;padding:14px 12px;position:relative}.sholo-corner{border-color:var(--sholo-cyan);opacity:.75;z-index:3;border-style:solid;width:12px;height:12px;position:absolute}.sholo-corner-tl{border-width:2px 0 0 2px;top:8px;left:8px}.sholo-corner-tr{border-width:2px 2px 0 0;top:8px;right:8px}.sholo-corner-bl{border-width:0 0 2px 2px;bottom:8px;left:8px}.sholo-corner-br{border-width:0 2px 2px 0;bottom:8px;right:8px}.sholo-hex-field{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M14 1l12 7v14l-12 7L2 22V8z' fill='none' stroke='%2300e8ff' stroke-width='0.6' opacity='0.5'/%3E%3C/svg%3E");background-size:28px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 90%);mask-image:linear-gradient(#000 20%,#0000 90%)}.sholo-hud-header{align-items:center;gap:6px;margin-bottom:10px;display:flex}.sholo-hud-header span{background:var(--sholo-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--sholo-glow);border-radius:50%;animation:2s ease-in-out infinite sholo-emitter-pulse}.sholo-hud-header i{background:linear-gradient(90deg, var(--sholo-cyan), transparent);opacity:.5;flex:1;height:2px}.sholo-data-line{background:linear-gradient(90deg,#00e8ffb3,#00b4ff26);border-radius:2px;height:2px;margin-bottom:10px;display:block;box-shadow:0 0 6px #00dcff59}.sholo-data-line.medium{width:72%}.sholo-data-line.short{width:52%}.sholo-data-line.tiny{opacity:.5;width:34%}.sholo-mini-chart{align-items:flex-end;gap:4px;height:28px;margin-top:14px;display:flex}.sholo-mini-chart span{background:linear-gradient(180deg, var(--sholo-cyan), #008cff33);opacity:.55;border-radius:2px 2px 0 0;flex:1;animation:3s ease-in-out infinite sholo-bar-pulse}.sholo-mini-chart span:first-child{height:40%;animation-delay:0s}.sholo-mini-chart span:nth-child(2){height:65%;animation-delay:.2s}.sholo-mini-chart span:nth-child(3){height:50%;animation-delay:.4s}.sholo-mini-chart span:nth-child(4){height:80%;animation-delay:.6s}.sholo-mini-chart span:nth-child(5){height:55%;animation-delay:.8s}.sholo-scanline{opacity:.6;z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,#00f8ff80,#0000);height:3px;animation:3.5s linear infinite sholo-scan;position:absolute;left:0;right:0}.sholo-glare{z-index:5;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff14 50%,#0000 70%);width:40%;height:100%;animation:6s ease-in-out infinite sholo-glare-sweep;position:absolute;top:0;left:-20%}.sholo-particles{z-index:6;pointer-events:none;width:80px;height:140px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.sholo-particle{left:calc(10% + (var(--i) * 8%));background:var(--sholo-cyan);width:2px;height:2px;box-shadow:0 0 6px var(--sholo-glow);opacity:0;animation:4s ease-in infinite sholo-particle-rise;animation-delay:calc(var(--i) * .45s);border-radius:50%;position:absolute;bottom:0}@keyframes sholo-radar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sholo-disc-pulse{0%,to{box-shadow:0 10px #000a1ef2,0 18px 24px #00236473,inset 0 0 20px #00dcff1f}50%{box-shadow:0 10px #000a1ef2,0 18px 28px #0032828c,inset 0 0 28px #00e6ff33}}@keyframes sholo-emitter-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes sholo-beam-breathe{0%,to{opacity:.5}50%{opacity:.65}}@keyframes sholo-flicker{0%,to{opacity:.8}48%{opacity:.85}50%{opacity:.55}52%{opacity:.82}78%{opacity:.7}}@keyframes sholo-flare-pulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.12)}}@keyframes sholo-panel-float{0%,to{transform:translate(-50%)rotateY(22deg)rotateX(6deg)translateZ(24px)translateY(0)}50%{transform:translate(-50%)rotateY(22deg)rotateX(6deg)translateZ(28px)translateY(-4px)}}@keyframes sholo-scan{0%{opacity:0;top:-4px}10%{opacity:.6}90%{opacity:.6}to{opacity:0;top:100%}}@keyframes sholo-glare-sweep{0%,to{opacity:0;left:-30%}40%{opacity:.5}60%{opacity:.3;left:90%}}@keyframes sholo-bar-pulse{0%,to{opacity:.45}50%{opacity:.75}}@keyframes sholo-particle-rise{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:.8}85%{opacity:.3}to{opacity:0;transform:translateY(-120px)scale(1)}}.sholo-panel-left{animation-name:sholo-panel-float-left}.sholo-panel-right{animation-name:sholo-panel-float-right}@keyframes sholo-panel-float-left{0%,to{transform:translate(-50%)rotateY(18deg)rotateX(5deg)translateZ(8px)translateY(0)}50%{transform:translate(-50%)rotateY(18deg)rotateX(5deg)translateZ(12px)translateY(-3px)}}@keyframes sholo-panel-float-right{0%,to{transform:translate(-50%)rotateY(18deg)rotateX(5deg)translateZ(8px)translateY(0)}50%{transform:translate(-50%)rotateY(18deg)rotateX(5deg)translateZ(12px)translateY(-3px)}}
