body.theme-default{background:var(--bg-primary)}body.theme-grass{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.15) 49%,rgba(255,255,255,.15) 51%,transparent 51%),linear-gradient(0deg,transparent 94%,rgba(255,255,255,.12) 94%,rgba(255,255,255,.12) 96%,transparent 96%),repeating-linear-gradient(45deg,#1a3d1a 0px 2px,#1e4a1e 2px 4px,#163516 4px 6px),radial-gradient(ellipse 80px 40px at 30% 70%,rgba(46,80,46,.5) 0%,transparent 70%),radial-gradient(ellipse 60px 30px at 70% 85%,rgba(41,71,41,.4) 0%,transparent 70%),radial-gradient(ellipse 50px 25px at 50% 90%,rgba(38,65,38,.5) 0%,transparent 70%),linear-gradient(180deg,#1a3a1a,#1e4420,#1a3d1a);background-attachment:fixed}body.theme-clay{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.2) 49%,rgba(255,255,255,.2) 51%,transparent 51%),linear-gradient(0deg,transparent 94%,rgba(255,255,255,.15) 94%,rgba(255,255,255,.15) 96%,transparent 96%),repeating-linear-gradient(0deg,#4a2c1a 0px 1px,#3d2416 1px 3px),repeating-linear-gradient(90deg,rgba(60,35,20,.3) 0px,rgba(60,35,20,.3) 1px,transparent 1px,transparent 4px),radial-gradient(ellipse 100px 50px at 40% 75%,rgba(75,45,25,.6) 0%,transparent 70%),radial-gradient(ellipse 70px 35px at 60% 80%,rgba(70,40,22,.5) 0%,transparent 70%),radial-gradient(ellipse 80px 40px at 50% 85%,rgba(65,38,20,.5) 0%,transparent 70%),linear-gradient(75deg,transparent 45%,rgba(80,50,30,.3) 48%,rgba(80,50,30,.3) 52%,transparent 55%),linear-gradient(180deg,#3d2416,#4a2c1a 30%,#3a2214);background-attachment:fixed}body.theme-hard{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.2) 49%,rgba(255,255,255,.2) 51%,transparent 51%),linear-gradient(0deg,transparent 94%,rgba(255,255,255,.15) 94%,rgba(255,255,255,.15) 96%,transparent 96%),repeating-linear-gradient(45deg,#0a1628 0px 1px,#0c1a30 1px 2px),radial-gradient(ellipse 30px 8px at 35% 78%,rgba(20,40,70,.6) 0%,transparent 100%),radial-gradient(ellipse 25px 6px at 55% 82%,rgba(18,35,65,.5) 0%,transparent 100%),radial-gradient(ellipse 35px 10px at 65% 76%,rgba(22,45,75,.5) 0%,transparent 100%),radial-gradient(ellipse 20px 5px at 45% 88%,rgba(20,38,68,.4) 0%,transparent 100%),radial-gradient(ellipse 28px 7px at 30% 85%,rgba(19,36,66,.5) 0%,transparent 100%),linear-gradient(180deg,#0c1929,#102035,#0a1525);background-attachment:fixed}:root{--bg-primary: #0f172a;--bg-card: #1e293b;--border-card: rgba(255, 255, 255, .06);--accent: #22c55e;--accent-secondary: #3b82f6;--color-danger: #ef4444;--color-warning: #f59e0b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent, #22c55e);color:#000}.btn-primary:active:not(:disabled){background:#16a34a}.btn-secondary{background:#334155;color:#e2e8f0}.btn-secondary:active:not(:disabled){background:#475569}.btn-danger{background:var(--color-danger, #ef4444);color:#fff}.btn-danger:active:not(:disabled){background:#dc2626}.btn-outline-primary{background:transparent;border:2px solid var(--accent, #22c55e);color:var(--accent, #22c55e)}.btn-outline-primary:active:not(:disabled){background:#22c55e1a}.btn-outline-secondary{background:transparent;border:2px solid #475569;color:#94a3b8}.btn-outline-secondary:active:not(:disabled){background:#47556933}.btn-ghost{background:transparent;color:#94a3b8}.btn-ghost:active:not(:disabled){background:#94a3b81a}.btn-sm{padding:8px 14px;font-size:13px;border-radius:8px}.btn-lg{padding:16px 28px;font-size:16px;border-radius:12px}.btn-block{width:100%}.btn-icon{padding:10px;width:44px;height:44px;border-radius:50%}.btn-icon.btn-sm{padding:6px;width:32px;height:32px}body.theme-default{--bg-card: #1e293b;--border-card: rgba(255, 255, 255, .06);--bg-nav: #1e293b}body.theme-grass{--bg-card: rgba(40, 70, 40, .92);--border-card: rgba(255, 255, 255, .1);--bg-nav: #1e3a1e}body.theme-clay{--bg-card: rgba(75, 48, 32, .92);--border-card: rgba(255, 255, 255, .08);--bg-nav: #3d2416}body.theme-hard{--bg-card: rgba(20, 42, 72, .92);--border-card: rgba(255, 255, 255, .08);--bg-nav: #0c1929}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:manipulation}body{margin:0;background:var(--bg-primary, #0f172a);overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:manipulation}.app{font-family:system-ui,-apple-system,sans-serif;min-height:100vh;color:#fff;background:var(--bg-primary, #0f172a);touch-action:manipulation}.app.club-beta-page{background:#f8fafc;color:#1e293b}.header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card, #1e293b);border-bottom:1px solid rgba(255,255,255,.05)}.header-left{width:44px;display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:14px}.header-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;border-radius:8px}.header-back:active{background:#ffffff0d;color:#f1f5f9}.header-center{flex:1;text-align:center}.header-title{display:block;font-size:16px;font-weight:600;color:#f1f5f9}.header-icon{font-size:22px;text-decoration:none;opacity:.7;transition:opacity .2s;display:flex;align-items:center}.header-icon:active{opacity:1}.header-trophy{color:var(--color-warning, #f59e0b);opacity:1}.header-settings,.header-community,.header-feed{color:#94a3b8;opacity:1}.main{padding:0 16px 100px}.loading-screen{position:fixed;inset:0;z-index:100;overflow:hidden;background:#b5623a}.court-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.physics-canvas{position:absolute;inset:0;z-index:3}.loading-bottom{position:absolute;bottom:0;left:0;right:0;padding:0 24px 60px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:4}.loading-bar-container{width:180px;height:2px;background:#ffffff26;border-radius:1px;overflow:hidden}.loading-bar{height:100%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);border-radius:1px;animation:bar-slide 1.5s ease-in-out infinite}@keyframes bar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.loading-status{font-size:11px;color:#ffffff8c;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.5)}.retry-btn{margin-top:12px;padding:10px 32px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;letter-spacing:1px;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.3)}.retry-btn:active{background:#ffffff40}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}