.spatial-page.hologram-page{background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important;backdrop-filter:none!important}.hologram-page .spatial-content{overflow:visible;padding:0;height:100%;position:relative}.holo-stage{position:absolute;inset:0 0 42px;perspective:1100px;transform-style:preserve-3d;touch-action:pan-y}.holo-card{position:absolute;left:50%;top:50%;width:310px;height:300px;padding:16px 20px;display:flex;flex-direction:column;color:#eef8ff;isolation:isolate;transform:translate(-50%,-50%) translateX(calc(var(--slot)*285px)) translateZ(calc(var(--depth)*-120px)) rotateY(calc(var(--slot)*-20deg));opacity:.58;transition:transform .75s cubic-bezier(.22,.75,.2,1),opacity .65s;pointer-events:auto;border:0;box-shadow:none;text-shadow:0 2px 12px #020a14}.holo-current{opacity:1;z-index:3}.holo-card::before,.holo-card::after{content:'';position:absolute;inset:-20px;z-index:-1;pointer-events:none}.holo-card::before{background:radial-gradient(ellipse,#07192ad9 20%,#0c2944bb 48%,#4587c92b 66%,transparent 76%);filter:blur(9px)}.holo-card::after{inset:-32px;background:conic-gradient(from 40deg at 40% 60%,transparent 10%,#83d6ff22 28%,transparent 40%,#947cff25 60%,transparent 75%,#a6efff20);filter:blur(20px);mask-image:radial-gradient(ellipse,#000 40%,transparent 72%);animation:holo-gas 9s ease-in-out infinite alternate}.holo-card img{width:100%;height:155px;object-fit:cover;opacity:.88;mask-image:linear-gradient(transparent,#000 12%,#000 68%,transparent);border:0;border-radius:0;flex-shrink:0}.holo-card h3{font:500 25px/1.2 var(--display);margin:0 0 10px;color:#b8e4ff}.holo-card p{font-size:12px;line-height:1.6;margin:0;color:#d2e4f0}.holo-open{font-size:10px;color:#bde4ff;margin-top:auto;padding-top:14px;letter-spacing:.7px;opacity:0;transition:opacity .4s}.holo-current .holo-open{opacity:1}.holo-selector{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:12px}.holo-selector button{border:0;background:#0b243b99;color:#c0ddf4;border-radius:20px;padding:7px 12px;font:11px var(--display);cursor:pointer}.holo-selector button[aria-pressed=true]{background:#3c7db55c;box-shadow:0 0 20px #96d9ff33;color:white}.holo-card:focus-visible{outline:1px solid #a7dfff;outline-offset:5px}@keyframes holo-gas{from{transform:translate(-8px,4px) scale(.95);opacity:.5}to{transform:translate(10px,-8px) scale(1.06);opacity:1}}@media(max-width:700px){.holo-card{width:250px;height:340px;transform:translate(-50%,-50%) translateX(calc(var(--slot)*208px)) translateZ(calc(var(--depth)*-100px)) rotateY(calc(var(--slot)*-24deg));padding:12px 16px}.holo-card img{height:180px}.holo-card h3{font-size:24px}.holo-selector{gap:5px;bottom:8px}.holo-selector button{font-size:10px;padding:7px 9px}.hologram-page.is-docked{width:calc(100vw - 12px)!important}}@media(prefers-reduced-motion:reduce){.holo-card,.holo-card::after{animation:none;transition:none}}

@media(max-height:650px){.holo-card{height:220px;padding:10px 16px}.holo-card img{height:100px}.holo-card h3{font-size:20px;margin-bottom:5px}.holo-card p{font-size:10px}.holo-open{font-size:9px;padding-top:8px}}

.holo-stage,.holo-card,.holo-card img{user-select:none;-webkit-user-drag:none}