/* Material-only override. Typography, layout and media choreography remain unchanged. */
.spatial-film{opacity:0}
.ribbon-surface{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 6px 8px #28457520)}
.ribbon-bevel{fill:#285e9f;fill-opacity:.4}
.ribbon-contour{fill:none;stroke:url(#ribbon-spectrum);stroke-width:2.2;stroke-opacity:.9}
.ribbon-contour-b{stroke-width:1.2;stroke:#edfaff;stroke-opacity:.8}
.ribbon-current{fill:none;stroke:#f2fbff;stroke-width:2;stroke-linecap:round;stroke-dasharray:64 600 20 360;opacity:.65;animation:ribbon-stream 16s linear infinite}
.ribbon-current-b{stroke-width:.8;stroke-dasharray:100 480;opacity:.45;animation-duration:23s;animation-direction:reverse}
.ribbon-surface[data-outdoor=true]{transform:translateY(var(--floating-y,0px))}
.ribbon-surface[data-outdoor=true] .ribbon-bevel{fill:#7484bd;fill-opacity:.26}
.ribbon-surface[data-outdoor=true] .ribbon-contour{stroke-width:1.5;stroke-opacity:.8}
.spatial-tile{border-color:#f1faffbd;box-shadow:0 6px 25px #20486b18,inset 0 0 0 1px #ffffff33}
.motion-off .ribbon-current{animation:none!important}
@keyframes ribbon-stream{to{stroke-dashoffset:-1044}}
@media(prefers-reduced-motion:reduce){.ribbon-current{animation:none!important}}

/* Latest review: the content floats forward without an oversized white card. */
.spatial-tile,.spatial-tile[data-state=expanded]{background:transparent;border-color:transparent;box-shadow:none;overflow:visible}
.spatial-tile>.visual{border-radius:9px;overflow:hidden;filter:drop-shadow(0 12px 18px #162a4233)}
.spatial-tile>.visual.video{width:auto;height:100%;aspect-ratio:9/16;max-width:100%}
.spatial-tile>.visual.video video{display:block;border-radius:9px}
.spatial-tile .spatial-label{bottom:-27px;background:#f4f9f2df;border-radius:20px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:100%;padding:5px 12px}
.spatial-media-link{position:absolute;inset:0;pointer-events:none;border-radius:9px}
.spatial-tile[data-state=expanded] .spatial-media-link{pointer-events:auto;cursor:pointer}
.spatial-tile[data-key=menu] .spatial-media-link{left:50%;width:auto;height:100%;aspect-ratio:9/16;transform:translateX(-50%)}
.spatial-media-link:focus-visible{outline:3px solid #2367ed;outline-offset:7px}