:root{--bg:#f0f9ff;--bg-soft:#e0f2fe;--panel:#fff;--text:#0f172a;--muted:#64748b;--accent:#0284c7;--accent-2:#0d9488;--danger:#e11d48;--page-pad:clamp(12px,3.2vw,24px);--touch-target:44px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{background-attachment:fixed;background-color:#f0f9ff;background-color:var(--bg);background-image:radial-gradient(ellipse 130% 90% at 50% -15%,#38bdf861 0,#0000 52%),radial-gradient(ellipse 100% 70% at 100% 0,#a78bfa33 0,#0000 42%),radial-gradient(ellipse 90% 60% at 0 100%,#fbbf2438 0,#0000 48%),linear-gradient(180deg,#f8fcff,#eff6ff 42%,#fffbeb);color:#0f172a;color:var(--text);font-family:Segoe UI,Roboto,sans-serif;margin:0}a{color:#0284c7;color:var(--accent);text-decoration:none}a:hover{color:#0369a1}button,input,select{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0)}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-bottom:1px solid #0ea5e92e;box-shadow:0 4px 24px #0ea5e914;justify-content:space-between;padding:max(14px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) 14px max(24px,env(safe-area-inset-left,0px));position:sticky;top:0;z-index:10}.brand,.nav{align-items:center;display:flex;gap:10px}.brand{color:#0f172a;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;letter-spacing:-.02em;text-rendering:optimizeLegibility}.brand,.willplay-motion-logo{-webkit-font-smoothing:antialiased}.willplay-motion-logo{-moz-osx-font-smoothing:grayscale;border-radius:2px;display:block;flex-shrink:0;transform:translateZ(0)}.brand-logo-motion{box-shadow:0 2px 10px #00000024;overflow:visible;vertical-align:middle}.brand .willplay-motion-logo{overflow:visible}@media (prefers-reduced-motion:no-preference){.willplay-motion-logo--animated{animation:willplay-logo-breathe 2.85s ease-in-out infinite}}@keyframes willplay-logo-breathe{0%,to{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transform:translateY(0) scale(1)}48%{filter:drop-shadow(0 4px 12px rgba(180,83,9,.35));transform:translateY(-1px) scale(1.03)}}.nav-caption{color:#0284c7;color:var(--accent);flex:1 1;font-size:clamp(1.05rem,.55rem + 2.8vw,1.75rem);font-weight:800;letter-spacing:.04em;line-height:1.15;margin:0 8px;max-width:100%;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-caption--words{align-items:center;display:flex;flex-wrap:nowrap;gap:.06em;justify-content:center;text-align:inherit}.nav-caption__sep{background:linear-gradient(180deg,#0d9488,#0284c7);background:linear-gradient(180deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:.95em}.nav-caption__sep,.nav-caption__word{-webkit-text-fill-color:#0000;color:#0000;flex-shrink:0;font-weight:800}.nav-caption__word{background:linear-gradient(105deg,#0284c7,#0d9488);background:linear-gradient(105deg,var(--accent) 0,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text}.nav-caption__word--appear{animation:nav-caption-word-in .38s ease-out forwards}@keyframes nav-caption-word-in{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nav-caption__word--appear{animation:none;opacity:1;transform:none}}.nav-actions{align-items:center;display:flex;gap:12px}.notification-wrap{position:relative}.notification-trigger{align-items:center;display:inline-flex;justify-content:center;min-height:36px;min-width:40px;padding-inline:10px;position:relative}.notification-bell-icon{display:block}.notification-badge{background:#e11d48;background:var(--danger);border:2px solid #fffffff2;border-radius:999px;color:#f8fafc;font-size:.68rem;font-weight:800;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:2px;text-align:center;top:2px}.notification-panel{background:linear-gradient(180deg,#fff,#e0f2fe);background:linear-gradient(180deg,#fff,var(--bg-soft));border:1px solid #94a3b873;border-radius:14px;box-shadow:0 16px 48px #0f172a24;display:flex;flex-direction:column;max-height:min(420px,70vh);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 32px));z-index:50}.notification-panel__head{align-items:center;background:#ffffffe6;border-bottom:1px solid #94a3b859;display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.notification-panel__title{color:#0f172a;color:var(--text);font-size:.95rem}.notification-markall{background:none;border:0;border-radius:6px;color:#0284c7;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 6px}.notification-markall:hover{background:#0284c714}.notification-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.notification-item{border-bottom:1px solid #94a3b838;padding:12px 14px}.notification-item:last-child{border-bottom:0}.notification-item.is-read{opacity:.72}.notification-item__title{color:#0f172a;color:var(--text);font-size:.9rem;font-weight:700;margin-bottom:4px}.notification-item__body{color:#64748b;color:var(--muted);font-size:.84rem;line-height:1.4;margin:0}.notification-item__meta{color:#64748b;color:var(--muted);font-size:.72rem;margin-top:6px}.notification-panel__foot{background:#f8fafcf2;border-top:1px solid #94a3b859;padding:10px 14px 12px}.notification-toggle{align-items:center;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:.86rem;font-weight:600;gap:10px;-webkit-user-select:none;user-select:none}.notification-toggle input{accent-color:#0284c7;accent-color:var(--accent);width:auto}.nav-link{color:#0f172a;color:var(--text)}.auth-btn{align-items:center;display:inline-flex;justify-content:center}.page{margin:0 auto;max-width:1200px;padding:clamp(12px,3.2vw,24px);padding:var(--page-pad);padding-left:max(clamp(12px,3.2vw,24px),env(safe-area-inset-left,0px));padding-left:max(var(--page-pad),env(safe-area-inset-left,0px));padding-right:max(clamp(12px,3.2vw,24px),env(safe-area-inset-right,0px));padding-right:max(var(--page-pad),env(safe-area-inset-right,0px))}.hero{align-items:end;background-position:50%;background-size:cover;border:1px solid #94a3b859;border-radius:16px;box-shadow:0 12px 40px #0f172a1f;display:flex;height:clamp(280px,45vw,520px);margin-bottom:18px;padding:24px;transition:background-image .7s ease}.hero-content{max-width:640px}.hero-content h1{color:#0c4a6e;font-size:clamp(2rem,4vw,3.2rem);margin:0;text-shadow:0 1px 0 #ffffffe6}.hero-content h2{color:#0f172a;text-shadow:0 1px 0 #ffffffd9}.hero-content p{color:#334155;text-shadow:0 1px 0 #ffffffbf}.tagline{color:#475569;font-weight:600;margin:8px 0 14px}.home-chat-strip{margin-bottom:18px}.home-chat-strip__inner{align-items:center;background:linear-gradient(180deg,#fff,#e0f2fe);background:linear-gradient(180deg,#fff,var(--bg-soft));border:1px solid #94a3b866;border-radius:14px;box-shadow:0 4px 20px #0f172a0f;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:16px 18px}.home-chat-strip__title{color:#0f172a;color:var(--text);font-size:1.05rem;font-weight:800;margin:0 0 6px}.home-chat-strip__text{color:#64748b;color:var(--muted);font-size:.9rem;line-height:1.45;margin:0;max-width:56ch}.home-chat-strip__btn{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;text-decoration:none}.card-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.match-card-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.match-card{background:#fff;border:1px solid #94a3b866;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a14;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.match-card:hover{box-shadow:0 2px 4px #0f172a0f,0 14px 36px #0ea5e91f;transform:translateY(-2px)}.match-card--completed{opacity:.92}.match-card--completed:hover{transform:none}.match-card__head{align-items:flex-start;background:linear-gradient(180deg,#f0f9ff,#fff 72%);border-bottom:1px solid #94a3b847;display:flex;gap:14px;justify-content:space-between;padding:16px 18px 14px}.match-card__head-main{min-width:0}.match-card__sport{color:#0f172a;color:var(--text);font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 10px}.match-card__host{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:.88rem;gap:10px;line-height:1.35;margin:0}.match-card__host strong{color:#0f172a;color:var(--text);font-weight:700}.match-card__avatar{background:linear-gradient(135deg,#0284c7,#0d9488);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;box-shadow:0 2px 8px #0284c740;color:#f8fafc;display:grid;flex-shrink:0;font-size:.72rem;font-weight:800;height:38px;letter-spacing:.02em;place-items:center;width:38px}.match-card__host-text{min-width:0}.match-card__chip{align-self:flex-start;background:#0ea5e91f;border:1px solid #0284c738;border-radius:999px;color:#0284c7;color:var(--accent);flex-shrink:0;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:6px 12px;text-transform:uppercase}.match-card__chip--full{background:#f8717126;border-color:#dc262640;color:#b91c1c}.match-card__meta{grid-gap:14px;display:grid;gap:14px;list-style:none;margin:0;padding:14px 18px}.match-card__meta li{align-items:flex-start;display:flex;gap:12px}.match-card__meta-icon{background:#f0f9ff;background:var(--bg);border:1px solid #94a3b859;border-radius:12px;color:#0284c7;color:var(--accent);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.match-card__meta-body{display:block;min-width:0;padding-top:2px}.match-card__meta-label{color:#64748b;color:var(--muted);display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.match-card__meta-value{color:#0f172a;color:var(--text);display:block;font-size:.92rem;font-weight:600;line-height:1.4}.match-card__status{border-radius:10px;font-size:.86rem;font-weight:600;margin:0 18px;padding:10px 12px;text-align:center}.match-card__status--done{background:#14b8a61f;border:1px solid #0d948840;color:#0f766e}.match-card__footer{grid-gap:10px;background:linear-gradient(180deg,#f8fafc80,#fff);border-top:1px solid #94a3b847;display:grid;gap:10px;margin-top:auto;padding:14px 18px 18px}.match-card__join{font-weight:800;justify-content:center;padding-block:12px;width:100%}.match-card__join--joined{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;opacity:.85}.match-card__join--joined:hover{box-shadow:none;transform:none}.match-card__actions{display:flex;flex-wrap:wrap;gap:8px}.match-card__action-btn{align-items:center;display:inline-flex;flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-weight:600;gap:8px;justify-content:center;min-width:0}.match-card__action-icon{align-items:center;color:#0284c7;color:var(--accent);display:flex;justify-content:center}.match-card__private-label{grid-gap:6px;display:grid;gap:6px;margin:4px 0 0}.match-card__private-title{color:#64748b;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.match-card__select{margin:0;width:100%}.match-card__chat{border-radius:12px;margin:0 12px 14px}.match-card__chat-title{color:#0f172a;color:var(--text);font-size:.95rem;margin:0 0 8px}.match-card__squad{background:#f8fafca6;border:1px solid #94a3b859;border-radius:12px;margin:10px 0 0;padding:10px 12px}.match-card__squad-title{color:#64748b;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.match-card__squad-hint{color:#64748b;color:var(--muted);font-size:.78rem;line-height:1.35;margin:0 0 10px}.match-card__squad-row{align-items:center;border-top:1px solid #94a3b840;display:flex;flex-wrap:wrap;gap:8px 10px;padding:8px 0}.match-card__squad-row:first-of-type{border-top:none;padding-top:0}.match-card__squad-name{flex:1 1 120px;font-size:.9rem;font-weight:600;min-width:0}.match-card__squad-name--self{color:#0284c7;color:var(--accent)}.match-card__squad-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.match-card__squad-actions .ghost-btn,.match-card__squad-actions .primary-btn{font-size:.78rem;padding:6px 10px}.match-card__banner{background:#0ea5e91f;border-radius:10px;color:#0f172a;color:var(--text);font-size:.82rem;margin:8px 0 0;padding:8px 10px}.request-row{align-items:center;border-bottom:1px solid #94a3b840;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 0}.request-row__actions{display:flex;flex-wrap:wrap;gap:8px}@media (prefers-reduced-motion:reduce){.match-card:hover{transform:none}}.action-grid{margin:20px 0}.action-stack{grid-gap:20px;display:grid;gap:20px;margin:20px 0 10px}.action-banner{aspect-ratio:16/6;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0d9488);border:1px solid #94a3b873;border-radius:18px;box-shadow:0 10px 32px #0f172a14;max-height:300px;min-height:200px;overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease}.action-banner:hover{box-shadow:0 16px 40px #0ea5e933;transform:translateY(-3px)}.action-banner__img{display:block;height:100%;inset:0;object-fit:cover;object-position:center;pointer-events:none;position:absolute;transition:transform .7s ease;width:100%}.action-banner:hover .action-banner__img{transform:scale(1.05)}.action-banner__overlay{background:linear-gradient(105deg,#fffffff7,#f8fafce0 min(42%,320px),#f8fafc59 min(58%,440px),#fff0 85%);inset:0;pointer-events:none;position:absolute}.action-banner__inner{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:min(440px,88%);min-height:200px;padding:clamp(18px,3.5vw,32px);position:relative;z-index:1}.action-banner__title{color:#0f172a;font-size:clamp(1.2rem,2.1vw,1.65rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 6px}.action-banner__subtitle{color:#475569;font-size:clamp(.88rem,1.35vw,1rem);line-height:1.45;margin:0;max-width:36ch}.action-banner__cta{margin-top:16px;padding-inline:20px;width:fit-content}.action-btn{width:fit-content}@media (max-width:720px){.action-banner{aspect-ratio:4/3;max-height:none;min-height:240px}.action-banner__overlay{background:linear-gradient(180deg,#ffffff1f,#f8fafc8c 42%,#f8fafcf5)}.action-banner__inner{align-items:stretch;justify-content:flex-end;max-width:none;min-height:240px;padding:20px 18px 22px;text-align:center}.action-banner__subtitle{max-width:none}.action-banner__cta{align-self:center;max-width:100%;width:auto}}@media (prefers-reduced-motion:reduce){.action-banner,.action-banner__img{transition:none}.action-banner:hover,.action-banner:hover .action-banner__img{transform:none}}@media (max-width:640px){.action-banner,.action-banner__inner{min-height:220px}}.home-footer{border-top:1px solid #94a3b859;color:#64748b;color:var(--muted);gap:12px;justify-content:space-between;margin-top:26px;padding:16px}.home-footer,.home-footer__links{align-items:center;display:flex;flex-wrap:wrap}.home-footer__links{gap:18px}.home-footer__links a{font-weight:600}.find-matches__head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.find-matches__head h1{margin:0}.find-matches__banner{background:#0ea5e91a;border:1px solid #0ea5e959;border-radius:12px;font-size:.88rem;margin:0 0 16px;padding:10px 14px}.find-matches__banner p{margin:0}.match-card__squad-friends{color:#0f172a;color:var(--text);font-size:.82rem;margin:0 0 8px}.match-card__squad-friends strong{color:#0284c7;color:var(--accent)}.find-matches__chat-link{text-decoration:none}.panel{background:linear-gradient(180deg,#fff,#e0f2fe);background:linear-gradient(180deg,#fff,var(--bg-soft));border:1px solid #94a3b859;border-radius:14px;box-shadow:0 4px 20px #0f172a0f;margin-bottom:18px;padding:16px}.sports-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sport-card{align-items:end;background:linear-gradient(145deg,#e0f2fef2,#fffffffa);border:1px solid #7dd3fc8c;border-radius:10px;box-shadow:0 4px 16px #0ea5e91a;color:#0f172a;color:var(--text);display:flex;font-weight:700;min-height:96px;padding:12px}.video-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.video-row video{border:1px solid #94a3b859;border-radius:10px;box-shadow:0 6px 20px #0f172a14;width:100%}.ghost-btn,.primary-btn{border:0;border-radius:10px;cursor:pointer;padding:12px 16px;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 4px 16px #0284c759;color:#f8fafc;font-weight:700}.ghost-btn{background:#ffffffb3;border:1px solid #64748b73;color:#0f172a;color:var(--text)}.primary-btn.small{font-size:.92rem;padding:9px 12px}.small-btn{font-size:.86rem;padding:8px 10px}.ghost-btn:hover,.primary-btn:hover{box-shadow:0 10px 24px #0ea5e959;transform:translateY(-1px)}.ghost-btn:hover{background:#fff;border-color:#0284c7;border-color:var(--accent)}.auth-page{display:grid;min-height:calc(100vh - 64px);padding:20px;place-items:center}.auth-card,.form-panel form{grid-gap:12px;display:grid;gap:12px}.auth-step-hint{color:#64748b;color:var(--muted);font-size:.88rem;line-height:1.45;margin:0 0 8px}.auth-email-highlight{color:#0f172a;color:var(--text);font-weight:700;word-break:break-all}.otp-field{font-feature-settings:"tnum";font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.35em;text-align:center}.auth-resend-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.auth-resend-row button.ghost-btn:disabled{cursor:not-allowed;opacity:.55}.auth-back-link{background:none;border:0;color:#0284c7;color:var(--accent);cursor:pointer;font:inherit;font-weight:600;justify-self:start;padding:0;text-decoration:underline}.auth-back-link:hover{color:#0369a1}.auth-forgot-row{font-size:.9rem;margin:-6px 0 10px;text-align:right}.auth-forgot-link{color:#0284c7;color:var(--accent);font-weight:600;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-password-field{position:relative;width:100%}.auth-password-field input{padding-right:4.25rem}.auth-password-toggle{background:#ffffffeb;border:1px solid #94a3b88c;border-radius:8px;color:#0284c7;color:var(--accent);cursor:pointer;font:inherit;font-size:.82rem;font-weight:600;line-height:1.2;margin:0;padding:6px 10px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.auth-password-toggle:hover{background:#fff;border-color:#0284c7;border-color:var(--accent)}.auth-password-toggle:focus-visible{outline:2px solid #0284c7;outline:2px solid var(--accent);outline-offset:2px}.auth-card{background:linear-gradient(180deg,#fff,#e0f2fe);background:linear-gradient(180deg,#fff,var(--bg-soft));border:1px solid #94a3b866;border-radius:14px;box-shadow:0 12px 40px #0f172a1a;padding:20px;width:min(440px,96vw)}input,select{background:#fff;border:1px solid #94a3b88c;border-radius:10px;color:#0f172a;color:var(--text);padding:10px 12px;width:100%}input:focus,select:focus{outline:2px solid #0ea5e973;outline-offset:1px}.filters{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.list-card{grid-gap:8px;background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #94a3b859;border-radius:12px;box-shadow:0 2px 12px #0f172a0f;display:grid;gap:8px;padding:14px}.tournament-card>.match-venue-map{margin:-2px 0 6px}.booking-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.my-bookings-filters{margin-bottom:8px}.booking-row{grid-gap:2px;border-bottom:1px solid #94a3b840;display:grid;gap:2px;padding:8px 0}.booking-row:last-child{border-bottom:none}.muted{color:#64748b;color:var(--muted)}.muted.small{font-size:.85rem}.error-text{color:#e11d48;color:var(--danger);margin:0}.success-text{color:#0f766e;margin:6px 0 0}.checkbox-line{align-items:center;display:flex;gap:10px}.checkbox-line input{width:auto}.terms-list{grid-gap:8px;display:grid;gap:8px;margin:0;padding-left:18px}.terms-doc{max-width:52rem}.terms-doc li,.terms-doc>p{color:#0f172a;color:var(--text);line-height:1.55}.terms-doc__effective{color:#64748b;color:var(--muted);font-size:.95rem;margin-bottom:18px;margin-top:-4px}.terms-doc__section{border-top:1px solid #94a3b859;margin-top:22px;padding-top:18px}.terms-doc h2{font-size:clamp(1.05rem,2vw,1.2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.terms-doc h2,.terms-doc h3{color:#0f172a;color:var(--text)}.terms-doc h3{font-size:1rem;font-weight:700;margin:16px 0 8px}.terms-doc .terms-list{margin-bottom:12px}.chat-nav-link{align-items:center;display:inline-flex;gap:6px;text-decoration:none}.chat-nav-icon{display:block;flex-shrink:0}.chat-nav-text{font-weight:600}.chat-page__header{margin-bottom:16px}.chat-page__title{color:#0f172a;color:var(--text);font-size:clamp(1.35rem,2.5vw,1.75rem);margin:0 0 6px}.chat-page__lead{color:#64748b;color:var(--muted);font-size:.95rem;margin:0;max-width:52ch}.chat-page__layout{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(200px,280px) 1fr;min-height:min(520px,calc(100vh - 200px))}.chat-page__threads{background:linear-gradient(180deg,#fff,#e0f2fe);background:linear-gradient(180deg,#fff,var(--bg-soft));border:1px solid #94a3b859;border-radius:14px;box-shadow:0 4px 20px #0f172a0f;overflow:hidden}.chat-thread-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:8px}.chat-thread{background:#ffffffa6;border:1px solid #0000;border-radius:12px;color:#0f172a;color:var(--text);cursor:pointer;font:inherit;padding:12px;text-align:left;transition:background .15s ease,border-color .15s ease;width:100%}.chat-thread:hover{background:#fff;border-color:#94a3b873}.chat-thread.is-active{background:#fff;border-color:#0284c759;box-shadow:0 0 0 2px #0ea5e91f}.chat-thread__title{display:block;font-size:.92rem;font-weight:700}.chat-thread__sub{color:#0284c7;color:var(--accent);display:block;font-size:.72rem;font-weight:600;margin-top:2px}.chat-thread__preview{color:#64748b;color:var(--muted);display:block;font-size:.78rem;line-height:1.35;margin-top:6px}.chat-page__main{min-width:0}.chat-page__box{display:flex;flex-direction:column;height:100%;min-height:320px}.chat-page__thread-heading{color:#0f172a;color:var(--text);font-size:1.05rem;margin:0 0 10px}.chat-page__feed{flex:1 1;min-height:180px}.chat-page__empty{color:#64748b;color:var(--muted);font-size:.9rem;margin:0}.chat-page__line{margin:0 0 8px;word-break:break-word}.chat-box{background:#ffffffd9;border:1px solid #94a3b866;border-radius:10px;padding:10px}.chat-feed{background:#f8fafc;border:1px solid #94a3b859;border-radius:8px;margin-bottom:10px;max-height:180px;overflow-y:auto;padding:8px}.chat-feed p{margin:0 0 8px;word-break:break-word}.chat-input-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto}.chat-time{color:#64748b;color:var(--muted);font-size:.8rem}@media (max-width:900px){.chat-page__layout{grid-template-columns:1fr;min-height:0}.chat-page__threads{order:1}.chat-page__main{order:0}.chat-thread-list{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.chat-thread-list li{flex:1 1 auto;min-width:min(160px,100%)}.chat-thread{height:100%}}.map-picker{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.map-picker__search{background:#fff;border:1px solid #0ea5e959;border-radius:10px;padding:10px 12px;width:100%;z-index:2}.map-picker__hint{font-size:.85rem;margin:0}.map-picker__open-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.map-picker__open-maps{text-decoration:none}.map-picker__manual{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.map-picker__manual label{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.map-picker-section-label{margin-top:8px}.match-card__map-row{border-top:1px solid #94a3b840;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.match-venue-map__canvas{border:1px solid #0ea5e933;border-radius:10px;height:140px;overflow:hidden;width:100%}.match-card__maps-link{font-size:.9rem;font-weight:600}.map-picker-troubleshoot{background:#f1f5f9e6;border:1px solid #94a3b859;border-radius:10px;font-size:.88rem;line-height:1.45;margin-top:10px;padding:12px}.map-picker__error-detail{font-size:.85rem;word-break:break-word}.map-picker--error{padding-bottom:8px}@media (max-width:640px){.nav{padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px))}.nav-actions{gap:8px}.brand span:last-child{display:none}.chat-nav-text{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chat-nav-link{justify-content:center;min-width:40px;padding-inline:10px;position:relative}}@media (max-width:1024px){.match-card-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.video-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.sports-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}}@media (max-width:768px){.hero{border-radius:14px;padding:clamp(16px,5vw,24px)}.panel{margin-bottom:14px;padding:clamp(14px,4vw,18px)}.filters{gap:12px;grid-template-columns:1fr}.filters input,.filters select{font-size:16px;min-height:44px;min-height:var(--touch-target)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1rem)}.booking-grid,.card-grid,.match-card-grid{grid-template-columns:1fr}.match-card:hover{transform:none}.home-chat-strip__inner{align-items:stretch;flex-direction:column;text-align:center}.home-chat-strip__btn{align-self:center;max-width:320px;width:100%}.home-footer{align-items:flex-start;align-items:center;justify-content:center}.find-matches__head,.home-footer{flex-direction:column;text-align:center}.find-matches__head{align-items:stretch}.find-matches__head h1{font-size:clamp(1.35rem,5vw,1.75rem)}.find-matches__chat-link{justify-content:center}.map-picker__manual{grid-template-columns:1fr}.ghost-btn:not(.small),.primary-btn:not(.small){min-height:44px;min-height:var(--touch-target)}.notification-panel{right:max(0px,env(safe-area-inset-right,0px));width:min(360px,calc(100vw - 16px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)))}}@media (max-width:560px){.nav-caption{display:none}.nav{flex-wrap:nowrap;justify-content:space-between}}@media (max-width:480px){.auth-btn{font-size:.88rem;padding-inline:10px}.match-card__footer,.match-card__head,.match-card__meta{padding-left:14px;padding-right:14px}}
/*# sourceMappingURL=main.f53d8878.css.map*/