[data-spatial-scene]{position:relative;isolation:isolate;min-width:0;min-height:470px;overflow:hidden;border:1px solid #60735c55;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#344b38 0%,#18251e 48%,#0c1510 100%);color:#f3f1e9;font-family:Arial,sans-serif}
[data-spatial-scene] canvas.spatial-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-5px}
[data-spatial-scene] canvas.spatial-canvas:active{cursor:grabbing}
.spatial-topline{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:14px;pointer-events:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c5d0bf}
.spatial-topline b{color:#dcff83;font-weight:500}.spatial-controls{position:absolute;z-index:3;left:18px;bottom:18px;display:flex;gap:6px;flex-wrap:wrap}
.spatial-controls button{appearance:none;border:1px solid #8b9b7e66;background:#15221ee8;backdrop-filter:blur(12px);color:#f3f1e9;border-radius:30px;padding:10px 13px;font:12px/1.1 Arial,sans-serif;cursor:pointer;min-height:37px}
.spatial-controls button:hover{background:#d8ff5a;color:#142019}.spatial-controls button:focus-visible{outline:3px solid #d8ff5a;outline-offset:3px}
.spatial-caption{position:absolute;z-index:2;right:24px;bottom:24px;max-width:40%;text-align:right;font-size:10px;line-height:1.5;color:#bdc9bb;pointer-events:none}
.spatial-fallback{position:absolute;inset:70px 30px 90px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;transform:perspective(800px) rotateX(15deg) rotateY(-15deg)}
.spatial-fallback span{display:grid;place-items:center;width:100px;height:105px;background:#263e2e;border:1px solid #aac895;box-shadow:10px 10px 0 #0b1811;border-radius:8px;font-size:13px;transform:translateY(var(--offset,0px))}.spatial-fallback span:nth-child(2n){--offset:22px;background:#d8ff5a;color:#1b2b1d}.spatial-fallback p{width:100%;text-align:center;font-size:12px;transform:none;color:#c2cbbf}
.spatial-ready .spatial-fallback{display:none}.spatial-unavailable .spatial-controls{display:none}
[data-spatial-scene]{container-type:inline-size}.spatial-unavailable .spatial-caption{display:none}
@container(max-width:850px){.spatial-caption{display:none}}
@media(max-width:650px){[data-spatial-scene]{min-height:380px;border-radius:10px}.spatial-topline{left:15px;right:15px;top:18px;font-size:8px}.spatial-caption{display:none}.spatial-controls{left:12px;bottom:12px}.spatial-controls button{font-size:11px;padding:10px 12px}.spatial-fallback{inset:65px 20px 65px}.spatial-fallback span{width:75px;height:80px}}
@media(prefers-reduced-motion:reduce){[data-spatial-scene] *{transition:none!important;animation:none!important}}