.spatial-community-overlay{z-index:1000;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.spatial-bottom-dock{-webkit-backdrop-filter:blur(28px)saturate(180%);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#03080ec2;border:1px solid #00f0ff38;border-radius:16px;flex-direction:column;gap:12px;width:min(1380px,94vw);padding:14px 20px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #000000d9,inset 0 1px #ffffff1f,0 0 30px #00f0ff1a}.spatial-bottom-dock:hover{border-color:#00f0ff59;box-shadow:0 24px 60px #000000e6,inset 0 1px #ffffff2e,0 0 40px #00f0ff26}.spatial-dock-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.spatial-dock-title{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.1em;color:#f8fafc;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.dock-dot{background:#0f6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #0f6}.dock-count{color:gold;font-size:9.5px;font-weight:700}.spatial-filter-pills{background:#0006;border:1px solid #ffffff0f;border-radius:9999px;gap:6px;padding:3px;display:flex}.spatial-filter-tab{color:#94a3b8;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:4px 10px;font-size:10px;font-weight:700;transition:all .2s}.spatial-filter-tab:hover{color:#e0f2fe;background:#ffffff0f}.spatial-filter-tab.active{color:#05050c;background:#0f6;font-weight:800;box-shadow:0 0 14px #00ff6673}.dock-social-strip{gap:6px;display:flex}.dock-social-strip a{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:9.5px;font-weight:700;text-decoration:none;transition:all .2s}.dock-social-strip a:hover{color:gold;background:#ffd70026;border-color:gold;box-shadow:0 0 10px #ffd70059}.spatial-cards-reel{scrollbar-width:thin;scrollbar-color:#00f0ff4d transparent;gap:14px;padding:4px 2px 8px;display:flex;overflow:auto hidden}.spatial-cards-reel::-webkit-scrollbar{height:4px}.spatial-cards-reel::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:2px}.spatial-pin-card{cursor:pointer;background:#060e16d9;border:1px solid #00f0ff2e;border-radius:10px;flex-direction:column;flex:0 0 230px;justify-content:space-between;height:175px;padding:8px 10px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.spatial-pin-card:hover,.spatial-pin-card.hovered{background:#081420f2;border-color:#00f0ff;transform:translateY(-4px);box-shadow:0 12px 25px #000c,0 0 20px #00f0ff40}.card-telemetry-header{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#94a3b8;letter-spacing:.04em;z-index:2;justify-content:space-between;align-items:center;font-size:9px;display:flex}.card-telemetry-header .telemetry-saves{color:gold;font-weight:700}.pin-3d-viewport-wrapper{background:radial-gradient(circle,#00f0ff0d 0%,#02060a99 80%);border-radius:6px;width:100%;height:105px;position:relative;overflow:hidden}.pin-static-preview{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#00f0ff0f 0%,#03080eeb 80%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pin-static-svg{filter:drop-shadow(0 0 6px #00f0ff73);width:52px;height:52px}.pin-static-badge{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.06em;color:#64748b;background:#00000080;border:1px solid #00f0ff1f;border-radius:3px;align-items:center;gap:4px;padding:1px 6px;font-size:8px;font-weight:600;display:flex;position:absolute;bottom:5px}.pin-static-dot{background:#0f6;border-radius:50%;width:4px;height:4px;box-shadow:0 0 4px #0f6}.pin-footer-row{z-index:2;justify-content:space-between;align-items:center;gap:6px;display:flex}.pin-title-group{flex-direction:column;display:flex;overflow:hidden}.pin-title{font-family:var(--font-display,"Rajdhani", sans-serif);color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;font-size:13px;font-weight:700;overflow:hidden}.pin-creator{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#64748b;font-size:8.5px}.pin-remix-btn{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.06em;color:#0f6;cursor:pointer;white-space:nowrap;background:#00ff661f;border:1px solid #0f66;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:700;transition:all .2s}.pin-remix-btn:hover{color:#05050c;background:#0f6;box-shadow:0 0 12px #0f69}@media (width<=768px){.spatial-bottom-dock{padding:10px 12px;bottom:12px}.spatial-dock-title,.dock-social-strip{display:none}}