/* Scoped only to this Air Bakin drop; court is decorative and cannot receive input. */
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;background:#1b0804;isolation:isolate;transition:opacity .35s linear}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"][data-bakin-court-active="true"] .nop-scene{opacity:1}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"][data-bakin-court-active="true"] .bakin-court{opacity:1}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"][data-bakin-court-active="true"] .nop-scene [data-ocean-canvas]{display:none}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;opacity:0}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"][data-bakin-court="ready"] .bakin-court canvas{opacity:1}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1606002b,#0b020044 55%,#09000088),repeating-linear-gradient(0deg,#00000013 0,#00000013 1px,transparent 1px,transparent 4px)}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__fallback{position:absolute;inset:-8%;display:grid;place-items:center;perspective:850px;background:radial-gradient(ellipse,#7b2f07,#160606 75%)}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__floor{position:relative;width:90%;aspect-ratio:28/15;min-width:600px;border:6px solid #ffb830;outline:40px solid #190b09;background:repeating-linear-gradient(0deg,#da8520 0,#da8520 17px,#c37217 18px,#e99b37 20px);transform:rotateX(35deg) rotateZ(-18deg);box-shadow:0 0 80px #ed440044}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__floor:before{content:"";position:absolute;height:100%;left:50%;border-left:3px solid #ffeaa5}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__center{position:absolute;left:50%;top:50%;width:17%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #ffeaa5;border-radius:50%;background:#a82313}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__key{position:absolute;top:33%;height:34%;width:20%;background:#a82313;border:3px solid #ffeaa5}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__key:after{content:"";position:absolute;top:0;height:100%;aspect-ratio:1;border:3px solid #ffeaa5;border-radius:50%}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__key--left{left:0}.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__key--right{right:0}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__key--left:after{left:50%}.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__key--right:after{right:50%}
.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court__floor span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 clamp(18px,2.5vw,32px)/.95 monospace;color:#ffdc73;text-align:center;letter-spacing:-2px;text-shadow:3px 3px #311006}
@media(prefers-reduced-motion:reduce){.nop-experience[data-angle-drop-id="drop_908dcd2a-a672-4724-9955-079f7e66b022"] .bakin-court{transition:none}}