.spin-scenery{min-height:420px;background:#143c2b;border-color:#123526}.spin-scenery:before{background:radial-gradient(ellipse at 48% 37%,#365b389c,transparent 72%)}.spin-three-mount{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .5s ease;overflow:hidden;touch-action:pan-y}.spin-three-mount canvas{display:block;outline:none;cursor:grab}.spin-three-mount canvas:active{cursor:grabbing}.has-three-scene .spin-three-mount{opacity:1}.has-three-scene>.spin-scene-world{visibility:hidden}.spin-scene-controls{display:flex;align-items:center;gap:7px}.spin-scene-controls button{height:35px;min-height:35px;padding:6px 9px;font-size:10px;color:#eef2e1;gap:6px;border:1px solid #afc4a63d;border-radius:1px;white-space:nowrap;background:#163b2be6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.spin-scene-controls button:hover{background:#335d3d;border-color:#bdcbb976}.spin-scene-controls button:focus-visible{outline-color:#f4ead6;outline-offset:3px}.spin-scene-controls button svg{transition:transform .55s cubic-bezier(.2,.85,.2,1)}.spin-scene-top{z-index:6;left:23px;right:20px}.is-overhead .spin-scene-controls button:first-child svg{transform:rotate(180deg)}.spin-scene-bottom{z-index:5;pointer-events:none}.spin-scene-bottom>span:last-child{font-size:8px;letter-spacing:.03em}.spin-scenery .spin-scene-world{transition:visibility 0s}.spin-page-motion{min-width:0;position:relative}.nav-item{isolation:isolate;position:relative}.nav-item.active{background:transparent}.nav-item.active:before{display:none}.spin-nav-highlight{position:absolute;inset:0;background:var(--soft);border-left:2px solid var(--clay);z-index:-1;pointer-events:none;border-radius:1px}.spin-rules-link svg,.player-link .avatar,.court-card>a svg,.account-button svg{transition:transform .3s cubic-bezier(.2,.85,.2,1),background .25s}.player-link:hover .avatar{transform:scale(1.075);background:var(--soft)}.court-card>a:hover svg{transform:translate(2px,-2px)}input,select,textarea{box-shadow:0 0 0 0 transparent;transition:border-color .22s,box-shadow .22s,background .22s}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:none}.spin-play-button:active{transform:translateY(2px) scale(.99)}.spin-play-button:disabled>span:before{transform:translateY(102%)}.auth-submit:active,.match-submit:active,.confirm-submit:active{transform:translateY(1px) scale(.995)}.match-card:focus-within{border-color:var(--accent)}.bottom-nav button svg{transition:transform .28s cubic-bezier(.2,.85,.2,1)}.bottom-nav button.active svg{transform:translateY(-1px)}.modal[open]{max-width:calc(100vw - 24px)}@media(min-width:1550px){.spin-scenery{min-height:445px}}@media(max-width:1200px){.spin-scenery{min-height:395px}.spin-scene-top{left:18px;right:15px}.spin-scene-controls{gap:5px}.spin-scene-controls button{font-size:9px;padding:5px 7px;gap:4px}.spin-scene-controls button svg{width:13px}.spin-scene-top>span{font-size:6px;letter-spacing:1.3px}}@media(max-width:1000px){.spin-scenery{min-height:348px}.spin-scene-top{left:24px;right:22px}.spin-scene-controls{gap:7px}.spin-scene-controls button{font-size:10px;padding:6px 9px;gap:6px}.spin-scene-top>span{font-size:8px;letter-spacing:1.5px}}@media(max-width:767px){.spin-scenery{min-height:325px}.spin-scene-top{left:17px;right:14px;top:16px}.spin-scene-controls{gap:5px}.spin-scene-controls button{font-size:9px;height:35px;min-height:35px;gap:4px;padding:5px 7px}.spin-scene-top>span{font-size:6px;letter-spacing:1.3px}.spin-scene-bottom{left:19px;right:18px;bottom:17px}.spin-scene-bottom>span:last-child{font-size:8px;max-width:175px;text-align:right;line-height:1.6}.spin-rally-control svg{width:12px}.spin-three-mount{touch-action:pan-y}}@media(max-width:390px){.spin-scenery{min-height:303px}.spin-scene-top{left:15px;right:12px}.spin-scene-controls{gap:4px}.spin-scene-controls button{font-size:8px;padding:5px 6px;gap:3px}.spin-scene-top>span{font-size:6px;letter-spacing:1px}.spin-scene-bottom>span:last-child{font-size:7px;max-width:153px}}@media(prefers-reduced-motion:reduce){.spin-three-mount,.spin-scene-controls button svg,.player-link .avatar,.court-card>a svg,.account-button svg,.bottom-nav button svg,input,select,textarea{transition:none!important}.player-link:hover .avatar,.court-card>a:hover svg,.bottom-nav button.active svg{transform:none}}