.app-shell{--sp-background:#0b0f14;--sp-surface:#10151c;--sp-surface-soft:#111827;--sp-border-soft:#ffffff0f;--sp-border-surface:#ffffff12;--sp-text-primary:#f3f4f6;--sp-text-secondary:#c5cdd8;--sp-text-muted:#7d8590;--sp-brand:#9ccc65;--sp-primary:#1e3a52;--sp-primary-alt:#243b55;--sp-action:#9ccc65;--sp-action-dark:#7eb84a;--sp-action-bright:#b8e986;--sp-success:#9ccc65;--sp-warning:#f97316;--sp-danger:#ef4444;--sp-radius-sm:10px;--sp-radius-md:14px;--sp-radius-lg:18px;--sp-radius-xl:22px;--sp-shadow-card:0 4px 16px #00000047;--sp-shadow-surface:0 14px 32px #00000042;--sp-shadow-hover:0 8px 24px #00000059;--sp-transition:.18s ease;--sp-gradient-surface:linear-gradient(135deg, var(--sp-surface) 0%, var(--sp-surface-soft) 100%);--sp-gradient-page:radial-gradient(circle at top left, #9ccc650f, transparent 40%);--text-primary:var(--sp-text-primary);--text-secondary:var(--sp-text-secondary);--text-muted:var(--sp-text-muted);--border:var(--sp-border-soft);--bg-card:var(--sp-surface-soft)}body:has(.app-shell){--sp-background:#0b0f14;--sp-surface:#10151c;--sp-surface-soft:#111827;--sp-border-soft:#ffffff0f;--sp-border-surface:#ffffff12;--sp-text-primary:#f3f4f6;--sp-text-secondary:#c5cdd8;--sp-text-muted:#7d8590;--sp-brand:#9ccc65;--sp-primary:#1e3a52;--sp-primary-alt:#243b55;--sp-action:#9ccc65;--sp-action-dark:#7eb84a;--sp-action-bright:#b8e986;--sp-success:#9ccc65;--sp-warning:#f97316;--sp-danger:#ef4444;--sp-radius-sm:10px;--sp-radius-md:14px;--sp-radius-lg:18px;--sp-radius-xl:22px;--sp-shadow-card:0 4px 16px #00000047;--sp-shadow-surface:0 14px 32px #00000042;--sp-shadow-hover:0 8px 24px #00000059;--sp-transition:.18s ease;--sp-gradient-surface:linear-gradient(135deg, var(--sp-surface) 0%, var(--sp-surface-soft) 100%);--sp-gradient-page:radial-gradient(circle at top left, #9ccc650f, transparent 40%);--text-primary:var(--sp-text-primary);--text-secondary:var(--sp-text-secondary);--text-muted:var(--sp-text-muted);--border:var(--sp-border-soft);--bg-card:var(--sp-surface-soft)}body:has(.app-shell){background:var(--sp-gradient-page);color:var(--sp-text-primary);background-attachment:fixed;overflow-x:clip}body:has(.app-shell) #root{background:0 0}.app-shell{--page-gutter:16px;--home-inline-pad:20px;--home-inline-pad-sm:16px;--shell-bottom-nav:72px;--shell-mobile-max:900px;--shell-page-bottom:calc(var(--shell-bottom-nav) + env(safe-area-inset-bottom,0px) + 16px);--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;font-family:var(--font-ui);color:var(--sp-text-primary);max-width:100%}@media (width<=520px){.app-shell{--page-gutter:12px;--home-inline-pad:16px}}.app-shell .sp-surface-gradient,.app-shell .card-glass{background:var(--sp-gradient-surface);border:1px solid var(--sp-border-surface);box-shadow:var(--sp-shadow-surface)}.forbidden-page{min-height:100svh;padding:2rem var(--page-gutter,16px);padding-bottom:var(--shell-page-bottom,88px);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.forbidden-page__icon{margin:0;font-size:clamp(3rem,12vw,4rem);line-height:1}.forbidden-page__title{font-family:var(--font-display);color:var(--sp-text-primary);margin:0;font-size:clamp(1.35rem,5vw,1.75rem);font-weight:700}.forbidden-page__text{color:var(--sp-text-muted);max-width:360px;margin:0;line-height:1.45}.forbidden-page__link{min-width:min(100%,220px);margin-top:.5rem;text-decoration:none}.route-error-page__actions{flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,360px);margin-top:.5rem;display:flex}.route-error-page__actions .primary-btn,.route-error-page__actions .secondary-btn{flex:140px;width:auto;min-width:0}.route-error-page__link{text-decoration:none}@media (width<=520px){.route-error-page__actions{flex-direction:column;width:100%}.route-error-page__actions .primary-btn,.route-error-page__actions .secondary-btn{width:100%}}:root{--brand-lime:#7ed957;--brand-green:#9ccc65;--brand-navy:#0c1a2e;--primary:#00a8e8;--primary-dark:#0086b8;--primary-light:#4cc4f0;--accent:#5b7d6e;--accent-dark:#476456;--accent-light:#749685;--sport-football:#fff;--sport-basket:#f58220;--sport-tennis:#9ccc65;--bg-main:#0a1628;--bg-secondary:#0f2138;--bg-card:#ffffff0a;--bg-card-hover:#ffffff0f;--glass:#ffffff0f;--glass-strong:#ffffff1a;--blur:blur(12px);--text-secondary-dark:#14213de6;--shell-panel-glass:color-mix(in srgb, var(--bg-secondary) 100%, transparent);--shell-panel-glass-scrolled:color-mix(in srgb, var(--bg-secondary) 93%, transparent);--text-primary:#fff;--text-secondary:#b7c3d8;--text-muted:#6b7280;--border:#ffffff14;--border-strong:#ffffff29;--gradient-primary:linear-gradient(135deg, var(--primary) 0%, var(--accent-light) 100%);--gradient-bg:linear-gradient(180deg, var(--bg-main) 0%, var(--bg-secondary) 100%);--gradient-card:linear-gradient(145deg, color-mix(in srgb, var(--primary) 18%, transparent), color-mix(in srgb, var(--accent) 16%, transparent));--danger:#ff5d5d;--warning:#ffb020;--success:var(--accent-light);--shadow-soft:0 4px 20px #00000040;--shadow-glow:0 0 22px color-mix(in srgb, var(--primary) 28%, transparent);--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--brand-cut-angle:-14deg;--brand-neon-cyan:#00f5e0;--brand-neon-lime:#7cff39;--brand-glow-cyan:0 0 24px color-mix(in srgb, var(--primary) 32%, transparent);--brand-glow-soft:0 0 40px color-mix(in srgb, var(--brand-neon-cyan) 12%, transparent);--header-surface:#0b1220db;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--page-gutter:10px;--home-inline-pad:48px;--home-inline-pad-sm:40px}@media (width<=900px){:root{--home-inline-pad:22px;--home-inline-pad-sm:18px}}@media (width<=520px){:root{--home-inline-pad:16px;--home-inline-pad-sm:14px}}:root{--backoffice-head-line:var(--border-strong);--backoffice-row-line:var(--border);--backoffice-row-hover:color-mix(in srgb, var(--primary) 6%, transparent);--btn-primary-bg:var(--primary);--btn-primary-bg-hover:var(--primary-dark);--btn-primary-text:#fff}:root{--brand-cut-angle:-14deg;--brand-cut-width:2px;--brand-glow-cyan:0 0 24px color-mix(in srgb, var(--primary) 32%, transparent);--brand-glow-soft:0 0 40px #00f5e01f}.sp-btn-cut{border-radius:var(--radius-md,14px);position:relative;overflow:hidden}.sp-btn-cut:before{content:"";background:linear-gradient(var(--brand-cut-angle), #ffffff1f, transparent 55%);opacity:0;pointer-events:none;width:28%;height:100%;transition:opacity .22s;position:absolute;top:0;right:0}.sp-btn-cut:hover:before{opacity:1}.sp-card-cut{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);position:relative}.sp-badge-slash{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary-light) 25%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.sp-badge-slash:before{content:"";width:var(--brand-cut-width);background:linear-gradient(var(--brand-cut-angle), var(--primary-light), var(--primary));opacity:.8;border-radius:1px;height:.85em;transform:skew(-14deg)}@keyframes spLoaderSlash{0%{transform:translateX(-100%) skewX(var(--brand-cut-angle));opacity:.3}50%{opacity:1}to{transform:translateX(200%) skewX(var(--brand-cut-angle));opacity:.3}}.sp-loader-slash{background:#ffffff0f;border-radius:999px;height:3px;position:relative;overflow:hidden}.sp-loader-slash:after{content:"";background:linear-gradient(90deg, transparent, var(--primary-light), var(--primary), transparent);width:40%;animation:1.1s ease-in-out infinite spLoaderSlash;position:absolute;inset:0}.sp-tab-cut{position:relative}.sp-tab-cut[aria-selected=true]:after,.sp-tab-cut.is-active:after{content:"";background:linear-gradient(90deg, transparent, var(--primary-light), var(--primary), transparent);height:2px;transform:skewX(var(--brand-cut-angle));border-radius:1px;position:absolute;bottom:0;left:12%;right:12%}.container{width:100%;max-width:960px;margin-inline:auto;padding-inline:1.25rem}.container-fluid{width:100%;padding-inline:1.25rem}.py-5{padding-block:3rem}.mt-2{margin-top:.5rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.small{font-size:.875rem}.text-muted{color:color-mix(in srgb, var(--text-main,#eef3fb) 65%, transparent)}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.shadow-sm{box-shadow:var(--shadow-soft,0 4px 14px #0000001f)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.alert{border-radius:var(--radius-md,12px);border:1px solid var(--border,#ffffff1f);padding:1rem 1.15rem}.alert-danger{background:color-mix(in srgb, #dc3545 18%, var(--bg-card,#1a2744));color:var(--text-main,#eef3fb);border-color:#dc354573}.alert-heading{margin:0 0 .35rem;font-size:1.125rem;font-weight:700}.btn{border-radius:var(--radius-sm,8px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg,var(--primary));color:var(--btn-primary-text,#fff);border-color:var(--btn-primary-bg,var(--primary))}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover,var(--primary-dark));border-color:var(--btn-primary-bg-hover,var(--primary-dark))}.btn-outline-secondary{color:var(--text-main,#eef3fb);border-color:var(--border-strong,#fff3);background:0 0}.btn-outline-secondary:hover:not(:disabled){background:var(--bg-card-hover,#ffffff0f)}.btn-outline-primary{color:var(--primary-light,#7eb8ff);border-color:color-mix(in srgb, var(--primary) 50%, transparent);background:0 0}.btn-outline-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary,#4a9eff)}.spinner-border{border:.2em solid color-mix(in srgb, var(--primary) 25%, transparent);border-right-color:var(--primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.7s linear infinite sp-spin}.text-primary{color:var(--primary)}@keyframes sp-spin{to{transform:rotate(360deg)}}.form-control{width:100%}html{background-color:var(--bg-secondary)}body{min-height:100svh;font-family:var(--font-ui,"Inter", system-ui, sans-serif);background:var(--gradient-bg);background-color:var(--bg-secondary);color:var(--text-primary);margin:0}#root{background:0 0;width:100%;min-height:100svh}*{box-sizing:border-box}button{font-family:inherit}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff14 37%,#ffffff0d 63%) 0 0/400% 100%;border-radius:12px;height:80px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.app-shell svg.svg-inline--fa{color:var(--sport-tennis)}.app-shell .hero-pro svg.svg-inline--fa{color:unset}.app-shell .primary-btn svg.svg-inline--fa,.app-shell .secondary-btn svg.svg-inline--fa,.app-shell .ghost-btn svg.svg-inline--fa,.app-shell .cta-btn svg.svg-inline--fa,.app-shell .btn-google-login svg.svg-inline--fa,.app-shell .booking-btn svg.svg-inline--fa,.app-shell .booking-btn-accent svg.svg-inline--fa{color:currentColor}.app-shell{box-sizing:border-box;width:100%;max-width:1600px;min-height:100svh;padding-left:max(var(--page-gutter,10px), env(safe-area-inset-left));padding-right:max(var(--page-gutter,10px), env(safe-area-inset-right));margin:0 auto}@media (width<=900px){.app-shell--jugador,.app-shell--software-clubes{max-width:100%;padding-left:0;padding-right:0;overflow-x:clip}}.weather-banner{border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.weather-banner--hot{background:color-mix(in srgb, var(--sport-basket) 12%, var(--bg-card));border-color:color-mix(in srgb, var(--sport-basket) 30%, transparent)}.weather-banner--cold{background:color-mix(in srgb, var(--primary) 10%, var(--bg-card))}.weather-banner--ideal{background:color-mix(in srgb, var(--accent-light) 12%, var(--bg-card))}.weather-banner-top{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.weather-banner-icon{font-size:14px}.weather-banner-temp{font-size:20px;font-weight:700}.weather-banner-text{color:var(--text-secondary);font-size:12px}.app{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;display:flex}.home-cover{border-radius:.5rem;width:min(100%,1100px);height:auto}.backend-status{align-items:center;gap:.5rem;font-weight:600;display:flex}.status-dot{border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.status-loading{background-color:#f5a623}.status-connected{background-color:#2ecc71}.status-disconnected{background-color:#e74c3c}.toast-host{z-index:10800;inset-inline:.75rem;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:1rem}.toast-host__list{border-radius:var(--radius-md,10px);box-shadow:var(--shadow-md,0 8px 24px #0000001f);pointer-events:auto;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.toast-host__item{border-radius:var(--radius-md,10px);border:1px solid var(--border-strong,#e2e8f0);background-color:var(--bg-card,black);box-shadow:var(--shadow-md,0 8px 24px #0000001f);align-items:flex-start;gap:.5rem;padding:.65rem .75rem;font-size:.9rem;line-height:1.35;display:flex}.toast-host__item--success{background-color:var(--success,#16a34a)}.toast-host__item--error{border-color:color-mix(in srgb, var(--danger,#dc2626) 45%, var(--border-strong,#e2e8f0))}.toast-host__item--info{border-color:color-mix(in srgb, var(--primary,#2563eb) 35%, var(--border-strong,#e2e8f0))}.toast-host__content{min-width:0;color:var(--text-primary,#0f172a);flex:1}.toast-host__close{color:var(--text-secondary,#64748b);cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;flex-shrink:0;margin:-.15rem -.2rem -.15rem 0;padding:.1rem .45rem;font-size:1.25rem;line-height:1}.toast-host__close:hover{color:var(--text-primary,#0f172a);background:color-mix(in srgb, var(--text-primary,#0f172a) 6%, transparent)}.toast-host__close:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px}.cta-btn{cursor:pointer;box-sizing:border-box;border-style:solid;border-width:2px;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex}.cta-btn__icon{color:currentColor;flex-shrink:0;width:1em;height:1em}.cta-btn svg.svg-inline--fa{color:currentColor}.cta-btn--block{width:90%;margin:0 auto}.cta-btn--urgent{background:linear-gradient(145deg, var(--sport-basket), color-mix(in srgb, var(--sport-basket) 78%, #2b1400));color:var(--text-primary);border-color:#ffffff61;box-shadow:0 4px 18px #00000073,inset 0 1px #ffffff61}.cta-btn--reserve{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-light) 92%, #1e4a38), color-mix(in srgb, var(--accent-dark) 88%, #0d2118));color:var(--text-primary);border-color:color-mix(in srgb, var(--brand-lime) 35%, transparent);box-shadow:0 4px 18px color-mix(in srgb, var(--accent) 42%, transparent), inset 0 1px 0 #ffffff42}.cta-btn--partidos{background:linear-gradient(145deg, var(--primary), color-mix(in srgb, var(--primary-dark) 90%, #021428));color:var(--text-primary);border-color:color-mix(in srgb, var(--primary-light) 48%, transparent);box-shadow:0 4px 18px color-mix(in srgb, var(--primary) 36%, transparent), inset 0 1px 0 #ffffff47}.cta-btn--featured{background:linear-gradient(145deg, var(--primary), color-mix(in srgb, var(--primary-dark) 88%, #000510));color:var(--text-primary);border-color:color-mix(in srgb, var(--primary-light) 52%, transparent);box-shadow:0 4px 18px color-mix(in srgb, var(--primary) 38%, transparent), inset 0 1px 0 #ffffff47}.cta-btn--nearby{background:linear-gradient(145deg, color-mix(in srgb, var(--sport-tennis) 85%, var(--primary-light)), color-mix(in srgb, var(--primary) 55%, var(--accent-light)));color:var(--brand-navy);box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 26%, transparent), inset 0 1px 0 #ffffff59;border-color:#ffffff6b}.cta-btn:hover:not(:disabled){filter:brightness(1.06);transform:scale(1.03)}.cta-btn:active:not(:disabled){transform:scale(.98)}.cta-btn:disabled,.cta-btn.is-joined{opacity:.65;cursor:not-allowed;filter:none;transform:none}.cta-btn:disabled:hover,.cta-btn.is-joined:hover{filter:none;transform:none}.cta-btn.is-joined{background:color-mix(in srgb, var(--bg-secondary) 88%, transparent);color:var(--text-muted);border-color:var(--border);box-shadow:none}.cta-btn:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.primary-btn,.secondary-btn,.ghost-btn{cursor:pointer;box-sizing:border-box;white-space:nowrap;border-style:solid;border-width:1px;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:56px;min-height:56px;padding:0 20px;font-family:inherit;font-size:.9375rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.primary-btn svg,.secondary-btn svg,.ghost-btn svg{color:currentColor;flex-shrink:0;width:1.125rem;height:1.125rem;font-size:1.125rem}.primary-btn:focus-visible,.secondary-btn:focus-visible,.ghost-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brand-green,#9ccc65) 55%, #23c7ff);outline-offset:3px}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{opacity:.45;cursor:not-allowed;filter:none!important;transform:none!important}.primary-btn{color:#e8ede4;background:linear-gradient(#ffffff14,#ffffff05),linear-gradient(135deg,#9ccc65 0%,#7cb342 100%);border-color:#ffffff24;font-weight:800;box-shadow:0 12px 32px #9ccc6538,inset 0 1px #ffffff12}.primary-btn:hover:not(:disabled){filter:brightness(1.03);background:linear-gradient(135deg,#a8d66e 0%,#8bc34a 100%);transform:translateY(-1px);box-shadow:0 14px 32px #9ccc6547,0 0 14px #9ccc6538,inset 0 1px #ffffff14}.primary-btn:active:not(:disabled){filter:brightness(1.02);transform:scale(.98)}.secondary-btn{color:#ffffffeb;background:#121a2aeb;border-color:#ffffff14;box-shadow:0 8px 24px #00000038,inset 0 1px #ffffff0a}.secondary-btn:hover:not(:disabled){border-color:#23c7ff52;transform:translateY(-1px);box-shadow:0 12px 28px #23c7ff1f,inset 0 1px #ffffff0f}.secondary-btn:active:not(:disabled){transform:scale(.985)}.secondary-btn--quiet{color:#ffffffc7;background:#0e1422b8;border-color:#ffffff0f;height:50px;min-height:50px;font-size:.875rem;font-weight:600;box-shadow:0 4px 14px #00000029}.secondary-btn--quiet:hover:not(:disabled){color:#ffffffeb;border-color:#ffffff1f;box-shadow:0 8px 20px #0003}.secondary-btn--quiet svg{opacity:.85;width:1rem;height:1rem;font-size:1rem}.ghost-btn{color:#9ccc65;height:auto;min-height:auto;box-shadow:none;background:0 0;border:none;justify-content:flex-start;padding:28px 4px;font-size:.8125rem;font-weight:600}.ghost-btn:hover:not(:disabled){color:#b6f07d;filter:none;transform:none}.ghost-btn:active:not(:disabled){color:#9ccc65;transform:scale(.99)}.ghost-btn--block{width:100%}.live-hub-shortcuts--modes .primary-btn{width:100%;height:56px;min-height:56px;font-size:.9375rem;font-weight:800}.live-hub-shortcuts--modes .primary-btn svg{opacity:1;width:1.125rem;height:1.125rem;font-size:1.125rem}.live-hub-shortcuts--modes .primary-btn.is-active{filter:none;border-color:#9ccc657a;box-shadow:0 10px 28px #9ccc653d,inset 0 1px #ffffff12}.live-hub-shortcuts--modes .primary-btn:not(.is-active){filter:brightness(.96);opacity:.92}.live-hub-shortcuts--modes .primary-btn:not(.is-active):hover:not(:disabled){filter:brightness(1.02);opacity:1}.reserve-express__actions .primary-btn{grid-column:span 1}@media (width>=641px){.reserve-express__actions:not(.reserve-express__actions--compact){grid-template-columns:1.25fr 1fr}}@media (width<=640px){.primary-btn,.secondary-btn{width:100%}}:root{--font-ui:"Inter", system-ui, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--text-secondary-soft:color-mix(in srgb, var(--text-secondary) 72%, transparent)}h1,h2,h3,.live-hub-widget h3,.reserve-express__title-wrap h3,.global-search-section__title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.card-glass{-webkit-backdrop-filter:blur(14px);background:#121b2bc7;border:1px solid #ffffff12;border-radius:20px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 18px 45px #00000047}.card-glass:hover{border-color:#9ccc652e}.interactive{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,opacity .18s}.interactive:hover{transform:translateY(-1px);box-shadow:0 0 18px #9ccc651f}.interactive:active{transform:scale(.98)}.need-players-badge{color:#ff9b45;background:#ff7a1829;border:1px solid #ff7a1847;animation:3s infinite subtlePulse}@keyframes subtlePulse{0%,to{box-shadow:0 0 #ff7a1800}50%{box-shadow:0 0 18px #ff7a182e}}.live-dot{background:var(--brand-green,#9ccc65);animation:1.8s infinite livePulse}@keyframes livePulse{0%{box-shadow:0 0 #9ccc658c}70%{box-shadow:0 0 0 8px #9ccc6500}to{box-shadow:0 0 #9ccc6500}}