/* Isolated court component. The MOPLACE page styles remain unchanged. */
.court-build-section{background:var(--paper);padding:5rem 0 0}
.court-build-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;padding-bottom:3rem}
.court-build-heading h2{font-family:MotionNarrow,Impact,sans-serif;font-size:clamp(3.4rem,6.5vw,6.5rem);margin-top:1.2rem;letter-spacing:-.025em}
.court-build-heading p{padding-bottom:.5rem;color:var(--muted)}
.moplace-build{position:relative;height:330svh;min-height:1500px;background:#303030;color:#fff}
.moplace-build .ten-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.moplace-build .ten-scene{position:absolute;inset:0;background:#303030}
.moplace-build .ten-scene canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}
.moplace-build .ten-scene.is-ready canvas,.moplace-build .ten-scene.is-ground-ready canvas{opacity:1}
.moplace-build .ten-scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.moplace-build .ten-scene.is-fallback .ten-scene-poster{opacity:var(--court-reveal,0)}
.moplace-build .ten-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0003,transparent 35%,transparent 70%,#0007)}
.moplace-build .ten-hero-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;will-change:opacity}
.moplace-build .ten-opening{font:700 clamp(42px,5.4vw,88px)/1.03 MotionNarrow,Impact,sans-serif;letter-spacing:-.025em;color:var(--paper)}
.moplace-build .ten-hero-description{font-size:14px;margin:1.5rem 5vw 0}
.moplace-build .ten-scene-caption{position:absolute;z-index:2;top:clamp(44px,8vh,100px);left:6vw;max-width:35%;opacity:0;pointer-events:none}
.moplace-build .ten-scene-caption>span{display:block;font-size:13px;line-height:1.5;margin-bottom:12px}
.moplace-build .ten-scene-caption>strong{display:block;font:700 clamp(25px,2.6vw,40px)/1.1 MotionNarrow,Impact,sans-serif;letter-spacing:-.015em}
.moplace-build .ten-hero-bottom{position:absolute;left:6vw;right:6vw;bottom:28px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:24px}
.moplace-build .ten-stage-index{display:flex;align-items:center;gap:12px;font-size:12px}
.moplace-build .ten-stage-track{display:block;width:125px;height:2px;background:#fff5;overflow:hidden}
.moplace-build .ten-stage-track i{display:block;width:100%;height:100%;background:var(--paper);transform:scaleX(0);transform-origin:left}
.moplace-build .ten-hero-controls{display:flex;align-items:center;gap:24px;font-size:14px}
.moplace-build .ten-hero-controls button,.moplace-build .ten-hero-controls a{min-height:44px;display:inline-flex;align-items:center;gap:6px;color:inherit}
.moplace-build .ten-hero-controls button{background:#30303099;border:1px solid #fff7;padding:8px 14px}
.moplace-build .ten-hero-controls button:hover{background:#fff;color:#171817}
.moplace-build .ten-hero-controls a{text-decoration:underline;text-underline-offset:4px}
.moplace-build .ten-load-status{position:absolute;z-index:2;left:6vw;bottom:100px;font-size:13px}
.moplace-build .ten-load-status:empty{display:none}
.moplace-build.is-static,.moplace-build.is-fallback{height:150svh;min-height:0}
.moplace-build.is-static .ten-stage-index{visibility:hidden}
@media(max-width:760px){
 .court-build-section{padding-top:3.5rem}.court-build-heading{display:block;padding-bottom:2rem}.court-build-heading p{margin-top:1.3rem}
 .moplace-build .ten-scene-caption{top:44px;max-width:80%}.moplace-build .ten-scene-caption>strong{font-size:28px}
 .moplace-build .ten-stage-index{display:none}.moplace-build .ten-hero-bottom{bottom:18px;justify-content:center}
 .moplace-build .ten-hero-controls{width:100%;justify-content:space-between;gap:12px;font-size:12px}
 .moplace-build .ten-load-status{bottom:90px;right:6vw}
}
@media(max-height:500px){.moplace-build .ten-scene-caption{top:24px}.moplace-build .ten-scene-caption>strong{font-size:22px}.moplace-build .ten-hero-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){.moplace-build{height:150svh;min-height:0}.moplace-build .ten-scene canvas{transition:none}}