.dc-spatial-extras{margin:0 0 28px}.dc-spatial-extras:empty{display:none}
.dc-spatial-viewport{position:relative;height:min(78vh,900px);min-height:620px;overflow:hidden;border-top:1px solid #111;border-bottom:1px solid #111;background:radial-gradient(circle,rgba(17,17,17,.14) 1.15px,transparent 1.25px),#f8f5ed;background-size:18px 18px;cursor:grab;touch-action:none;isolation:isolate;overscroll-behavior:contain}
.dc-spatial-viewport.is-panning{cursor:grabbing}
.dc-spatial-world{position:absolute!important;left:0;top:0;width:5000px!important;height:3500px!important;display:block!important;transform-origin:0 0;will-change:transform}
.dc-spatial-world>.dc-notice,.dc-spatial-world>.dc-projection{position:absolute!important;margin:0!important;grid-column:auto!important;min-height:0;transform:rotate(var(--dc-card-rotation,0deg))!important;transition:opacity .18s ease,box-shadow .18s ease,outline-color .18s ease}
.dc-spatial-world>.dc-notice[data-size-class="XS"],.dc-spatial-world>.dc-projection[data-size-class="XS"]{width:min(260px,calc(100vw - 28px))}
.dc-spatial-world>.dc-notice[data-size-class="S"],.dc-spatial-world>.dc-projection[data-size-class="S"]{width:min(330px,calc(100vw - 28px))}
.dc-spatial-world>.dc-notice[data-size-class="M"],.dc-spatial-world>.dc-projection[data-size-class="M"]{width:min(410px,calc(100vw - 28px))}
.dc-spatial-world>.dc-notice[data-size-class="L"],.dc-spatial-world>.dc-projection[data-size-class="L"]{width:min(500px,calc(100vw - 28px))}
.dc-spatial-world>.dc-notice.is-own-movable{outline:3px solid #d8ff3e;outline-offset:5px;cursor:move;touch-action:none}.dc-spatial-world>.dc-notice.is-dragging{z-index:50;box-shadow:12px 12px 0 #111}.dc-spatial-world>.dc-notice.is-camera-focus{outline:5px solid #d8ff3e;outline-offset:7px;box-shadow:10px 10px 0 #111;z-index:45}
.dc-spatial-controls{position:absolute;z-index:20;right:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px)}
.dc-spatial-control{display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;border:1px solid #111;background:rgba(251,248,240,.97);color:#111;min-height:40px;padding:0 11px;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;box-shadow:2px 2px 0 #111;cursor:pointer}.dc-spatial-control:hover,.dc-spatial-control.active{background:#d8ff3e}.dc-spatial-control:focus-visible{outline:3px solid #111;outline-offset:3px}
.dc-spatial-status{position:absolute;z-index:20;left:12px;bottom:12px;border:1px solid #111;background:rgba(251,248,240,.95);padding:7px 9px;font:800 9px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;pointer-events:none}.dc-spatial-help{position:absolute;z-index:19;right:12px;bottom:12px;max-width:390px;border:1px solid #111;background:rgba(251,248,240,.95);padding:8px 10px;font:700 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.dc-board-filtered{opacity:.10!important;pointer-events:none}
@media(max-width:768px){.dc-spatial-viewport{height:72vh;min-height:500px;margin-left:-18px;margin-right:-18px}.dc-spatial-controls{left:8px;right:8px;top:8px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.dc-spatial-control{white-space:nowrap;min-height:44px}.dc-spatial-status{left:8px;bottom:8px}.dc-spatial-help{display:none}}
@media(max-width:430px){.dc-spatial-viewport{margin-left:-14px;margin-right:-14px;min-height:470px}.dc-spatial-status{font-size:8px;max-width:70%}.dc-spatial-world>.dc-notice[data-size-class="XS"],.dc-spatial-world>.dc-projection[data-size-class="XS"]{width:min(260px,75vw)}.dc-spatial-world>.dc-notice[data-size-class="S"],.dc-spatial-world>.dc-projection[data-size-class="S"]{width:min(330px,75vw)}.dc-spatial-world>.dc-notice[data-size-class="M"],.dc-spatial-world>.dc-projection[data-size-class="M"]{width:min(410px,75vw)}.dc-spatial-world>.dc-notice[data-size-class="L"],.dc-spatial-world>.dc-projection[data-size-class="L"]{width:min(500px,75vw)}}
@media(prefers-reduced-motion:reduce){.dc-spatial-world>.dc-notice,.dc-spatial-world>.dc-projection{transition:none}}