.pitch3d-scene{position:relative;width:100%;aspect-ratio:16 / 9;max-height:340px;perspective:1200px;perspective-origin:50% 30%;overflow:hidden;border-radius:1rem;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(225,6,0,.04) 0%,transparent 50%),linear-gradient(180deg,#0a0c10,#06070a);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.pitch3d-scene.compact{aspect-ratio:16 / 7;max-height:240px}.pitch3d-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(var(--rx, 52deg)) rotate(var(--rz, 0deg)) scale(var(--zoom, 1));transition:transform .4s cubic-bezier(.22,1,.36,1)}.pitch3d-field{position:absolute;left:50%;top:50%;width:44%;aspect-ratio:105 / 68;transform:translate(-50%,-50%);border-radius:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 7.5%);background-color:var(--pitch-color, #0d3a0d);border:2px solid rgba(255,255,255,.5);box-shadow:0 0 40px #00000080,inset 0 0 60px #0000004d}.pitch3d-field:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff80;transform:translate(-50%)}.pitch3d-field:after{content:"";position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border:2px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%)}.pitch3d-penalty{position:absolute;width:16%;height:44%;border:2px solid rgba(255,255,255,.5);top:50%;transform:translateY(-50%)}.pitch3d-penalty.left{left:0}.pitch3d-penalty.right{right:0}.pitch3d-penalty:after{content:"";position:absolute;width:40%;height:40%;border:2px solid rgba(255,255,255,.5);top:50%;transform:translateY(-50%)}.pitch3d-penalty.left:after{left:0}.pitch3d-penalty.right:after{right:0}.pitch3d-goal{position:absolute;width:3%;height:14%;top:50%;transform:translateY(-50%);background:#ffffff26;border:2px solid rgba(255,255,255,.6)}.pitch3d-goal.left{left:-1%}.pitch3d-goal.right{right:-1%}.pitch3d-court{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:40 / 20;transform:translate(-50%,-50%);border-radius:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);background-color:var(--pitch-color, #9a3520);border:2px solid rgba(255,255,255,.5);box-shadow:0 0 40px #00000080,inset 0 0 40px #0000004d}.pitch3d-court:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff80;transform:translate(-50%)}.pitch3d-court:after{content:"";position:absolute;left:50%;top:50%;width:12%;aspect-ratio:1;border:2px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%)}.pitch3d-court-arc{position:absolute;width:12%;height:80%;border:2px solid rgba(255,255,255,.4);top:50%;transform:translateY(-50%);border-radius:0}.pitch3d-court-arc.left{left:0;border-right:none;border-radius:0 6px 6px 0}.pitch3d-court-arc.right{right:0;border-left:none;border-radius:6px 0 0 6px}.pitch3d-stand{position:absolute;cursor:pointer;border-radius:5px 5px 3px 3px;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.22,1,.36,1),filter .25s ease;--stand-color: #e10600;background:linear-gradient(180deg,color-mix(in srgb,var(--stand-color) 15%,#1a1c20),color-mix(in srgb,var(--stand-color) 6%,#0d0e12));border:1px solid color-mix(in srgb,var(--stand-color) 30%,transparent);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14;overflow:hidden}.pitch3d-stand:hover{filter:brightness(1.2);box-shadow:0 8px 24px #0006,0 0 20px color-mix(in srgb,var(--stand-color) 30%,transparent);z-index:10}.pitch3d-stand.is-active{filter:brightness(1.25);box-shadow:0 8px 24px #0006,0 0 30px color-mix(in srgb,var(--stand-color) 50%,transparent);border-color:var(--stand-color)}.pitch3d-stand.is-sold-out{--stand-color: #4a4a4a;opacity:.6;cursor:not-allowed}.pitch3d-stand.is-sold-out:hover{filter:brightness(.8)}.pitch3d-stand-rows{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:flex;flex-direction:column;gap:1px;padding-top:10px;pointer-events:none;overflow:hidden}.pitch3d-row-stripe{flex:1;min-height:0;border-radius:1px;position:relative}.pitch3d-row-stripe.odd{background:color-mix(in srgb,var(--stand-color) 12%,transparent)}.pitch3d-row-stripe.even{background:color-mix(in srgb,var(--stand-color) 5%,transparent)}.pitch3d-row-label{position:absolute;left:2px;top:50%;transform:translateY(-50%);font-family:var(--font-heading);font-size:6px;font-weight:700;color:#fff6;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1}.pitch3d-stand.pos-north{left:10%;right:10%;top:1%;height:13%;transform:translateZ(20px) rotateX(-42deg);transform-origin:bottom center}.pitch3d-stand.pos-south{left:10%;right:10%;bottom:1%;height:13%;transform:translateZ(20px) rotateX(42deg);transform-origin:top center}.pitch3d-stand.pos-east{right:1%;top:16%;bottom:16%;width:11%;transform:translateZ(20px) rotateY(-42deg);transform-origin:left center}.pitch3d-stand.pos-west{left:1%;top:16%;bottom:16%;width:11%;transform:translateZ(20px) rotateY(42deg);transform-origin:right center}.pitch3d-stand.pos-northeast{right:1%;top:1%;width:11%;height:15%;transform:translateZ(16px) rotateY(-25deg) rotateX(-25deg);transform-origin:bottom left}.pitch3d-stand.pos-northwest{left:1%;top:1%;width:11%;height:15%;transform:translateZ(16px) rotateY(25deg) rotateX(-25deg);transform-origin:bottom right}.pitch3d-stand.pos-southeast{right:1%;bottom:1%;width:11%;height:15%;transform:translateZ(16px) rotateY(-25deg) rotateX(25deg);transform-origin:top left}.pitch3d-stand.pos-southwest{left:1%;bottom:1%;width:11%;height:15%;transform:translateZ(16px) rotateY(25deg) rotateX(25deg);transform-origin:top right}.pitch3d-stand-label{position:absolute;top:1px;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;pointer-events:none;padding:1px 2px;z-index:2}.pitch3d-stand-name{font-family:var(--font-heading);font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#ffffffd9;text-align:center;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}.pitch3d-stand-avail{font-family:var(--font-heading);font-size:6px;font-weight:600;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.6)}.pitch3d-section-grid{display:flex;flex-wrap:wrap;gap:2px;padding:4px;justify-content:center;align-items:center;height:100%}.pitch3d-section-chip{font-family:var(--font-heading);font-size:7px;font-weight:700;padding:3px 5px;border-radius:3px;border:1px solid;cursor:pointer;transition:transform .15s ease,filter .15s ease;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pitch3d-section-chip:hover{transform:scale(1.15);filter:brightness(1.3)}.pitch3d-section-chip.is-selected{filter:brightness(1.4);box-shadow:0 0 8px currentColor}.pitch3d-tooltip{position:absolute;z-index:100;pointer-events:none;background:#0a0b0eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;box-shadow:0 8px 24px #00000080;white-space:nowrap;transform:translate(-50%,-100%) translateY(-8px);transition:opacity .15s ease}.pitch3d-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;width:8px;height:8px;background:#0a0b0eeb;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transform:translate(-50%) rotate(45deg)}.pitch3d-controls{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;gap:4px;z-index:50}.pitch3d-ctrl-btn{width:32px;height:32px;border-radius:8px;background:#0a0b0ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.pitch3d-ctrl-btn:hover{background:#e1060026;border-color:#e106004d;color:#fff}.pitch3d-ctrl-btn:active{transform:scale(.92)}.pitch3d-mode-toggle{position:absolute;top:10px;right:10px;display:flex;gap:2px;z-index:50;background:#0a0b0ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2px}.pitch3d-mode-btn{padding:5px 10px;border-radius:6px;font-family:var(--font-heading);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;cursor:pointer;transition:all .18s ease;background:transparent;border:none}.pitch3d-mode-btn.active{background:linear-gradient(180deg,#e00000,#b80000);color:#fff;box-shadow:0 2px 8px #e106004d}.pitch3d-light{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none}.pitch3d-flood{position:absolute;top:-5%;width:14%;height:25%;filter:blur(25px);pointer-events:none;opacity:.25}.pitch3d-flood.left{left:10%;background:radial-gradient(circle,rgba(225,6,0,.3),transparent 60%)}.pitch3d-flood.right{right:10%;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 60%)}.pitch3d-hint{position:absolute;bottom:10px;left:10px;font-family:var(--font-heading);font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;z-index:50;pointer-events:none;display:flex;align-items:center;gap:4px}.pitch3d-scene.mode-topdown .pitch3d-stage{--rx: 0deg;--zoom: .85}@media(pointer:coarse){.pitch3d-scene{aspect-ratio:4 / 3}.pitch3d-stand-name{font-size:8px}.pitch3d-stand-avail{font-size:7px}}@media(prefers-reduced-motion:reduce){.pitch3d-stage,.pitch3d-stand{transition:none!important}}