: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;margin-bottom:18px;min-height:clamp(280px,45vw,520px);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--highlight{outline:3px solid #0ea5e98c;outline-offset:2px;transition:outline-color .3s ease}.match-card__share{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px 0}.match-card__share .ghost-btn.small{font-size:.78rem}.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__join-extras{grid-gap:10px;display:grid;gap:10px;padding:12px 18px 0}.match-card__amount-estimate{color:#334155;font-size:.9rem;line-height:1.45;margin:0}.match-card__friend-field{color:#475569;display:flex;flex-direction:column;font-size:.86rem;font-weight:600;gap:6px}.friend-suggest{position:relative;width:100%}.friend-suggest input{background:#fff;border:1px solid #94a3b880;border-radius:8px;box-sizing:border-box;font:inherit;font-weight:500;padding:8px 10px;width:100%}.friend-suggest__list{background:#fff;border:1px solid #94a3b899;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.friend-suggest__option{background:none;border:none;color:#0f172a;cursor:pointer;display:block;font:inherit;padding:8px 12px;text-align:left;width:100%}.friend-suggest__option:focus,.friend-suggest__option:hover{background:#14b8a61f;outline:none}.friend-suggest__hint{font-size:.85rem;list-style:none;padding:8px 12px}.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-wrap{display:flex;flex-direction:column;gap:12px}.action-banner{background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0d9488);border:1px solid #94a3b873;border-radius:18px;box-shadow:0 10px 32px #0f172a14;display:flex;flex-direction:column;min-height:200px;overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease}.action-banner__media{flex-shrink:0;height:clamp(160px,38vw,240px);overflow:hidden;position:relative;width:100%}.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;opacity:0;pointer-events:none;position:absolute;transition:opacity .7s ease;width:100%}.action-banner__img.is-active{opacity:1}.action-banner:hover .action-banner__img.is-active{transform:scale(1.05);transition:opacity .7s ease,transform .7s ease}.action-banner__overlay{background:linear-gradient(180deg,#0f172a0d,#0f172a47);inset:0;pointer-events:none;position:absolute}.action-banner__inner{align-items:stretch;background:#fff;display:flex;flex-direction:column;gap:0;justify-content:center;padding:clamp(16px,3vw,24px);position:relative;z-index:1}.action-banner__title{color:#0f172a;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 6px}.action-banner__subtitle{color:#475569;font-size:clamp(.88rem,1.5vw,1rem);line-height:1.45;margin:0;max-width:42ch}.action-banner__cta{align-self:stretch;max-width:100%;min-height:44px;min-height:var(--touch-target);padding-inline:20px;width:100%}.action-banner__dots{align-items:center;display:flex;gap:6px;margin-top:12px}.action-banner__dot{background:#94a3b88c;border-radius:999px;height:7px;transition:width .25s ease,background .25s ease;width:7px}.action-banner__dot.is-active{background:#0284c7;background:var(--accent);width:20px}@media (min-width:721px){.action-banner{aspect-ratio:16/7;display:block;max-height:320px}.action-banner__media{height:auto;inset:0;position:absolute;z-index:0}.action-banner__overlay{background:linear-gradient(105deg,#fffffff7,#f8fafce0 min(42%,320px),#f8fafc59 min(58%,440px),#fff0 85%)}.action-banner__inner{align-items:flex-start;background:#0000;height:100%;max-width:min(440px,88%);min-height:200px;padding:clamp(18px,3.5vw,32px)}.action-banner__cta{align-self:flex-start;margin-left:0;width:fit-content}.action-banner__dots{bottom:clamp(14px,2.5vw,22px);margin-top:0;position:absolute;right:clamp(14px,2.5vw,22px);z-index:2}.action-banner__dot{background:#ffffff8c}.action-banner__dot.is-active{background:#fff}}@media (min-width:1025px){.action-banner{aspect-ratio:16/6;max-height:300px}}.action-btn{width:fit-content}@media (max-width:720px){.action-banner__inner{align-items:center;text-align:center}.action-banner__subtitle{max-width:none}.action-banner__cta{align-self:center;width:100%}.action-banner__dots{justify-content:center}.action-banner:hover{transform:none}}@media (prefers-reduced-motion:reduce){.action-banner,.action-banner__img{transition:none}.action-banner:hover,.action-banner:hover .action-banner__img.is-active{transform:none}}.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__head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.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}.account-panel{margin-left:auto;margin-right:auto;max-width:520px}.account-lead{margin-bottom:1rem;margin-top:-6px}.account-details{background:#f0f9ffa6;border:1px solid #7dd3fc73;border-radius:10px;gap:12px;margin-bottom:1.25rem;padding:12px 14px}.account-details,.account-field{display:flex;flex-direction:column}.account-field{gap:4px}.account-label{color:#64748b;color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.account-value{color:#0f172a;color:var(--text);font-size:1.05rem;font-weight:600;word-break:break-word}.account-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1rem}a.account-link{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.account-secondary{margin-bottom:1rem}.account-secondary a{color:#0284c7;color:var(--accent)}.account-nav-wrap{align-items:center;display:inline-flex;gap:8px}.nav-avatar{border:1px solid #64748b59;border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.account-photo-block{align-items:center;background:#f0f9ffa6;border:1px solid #7dd3fc73;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:1.25rem;padding:14px}.account-photo-preview{flex-shrink:0}.account-photo-img{border:2px solid #0284c759;border-radius:50%;display:block;object-fit:cover}.account-photo-placeholder{align-items:center;background:linear-gradient(145deg,#e0f2fef2,#fffffffa);border:2px solid #7dd3fc8c;border-radius:50%;color:#0284c7;color:var(--accent);display:flex;font-size:2.5rem;font-weight:800;height:112px;justify-content:center;width:112px}.account-photo-actions{align-items:flex-start;display:flex;flex-direction:column;gap:10px;min-width:min(100%,220px)}.account-photo-hint{margin:0}.account-photo-error{margin-bottom:1rem}.visually-hidden-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.find-matches__section-intro{margin-bottom:0;padding-bottom:4px}.find-matches__section-title{color:#0f172a;color:var(--text);font-size:1.2rem;font-weight:800;margin:0 0 2px}.completed-matches-panel{margin-top:1.5rem}.match-card__chip--completed{background:#94a3b833!important;border:1px solid #64748b40;color:#64748b!important;color:var(--muted)!important}.match-card__team-photo{margin:0 0 12px}.match-card__team-img{border:1px solid #94a3b859;border-radius:10px;display:block;max-height:240px;object-fit:cover;width:100%}.match-card__team-upload{border-top:1px dashed #94a3b859;margin:0 0 8px;padding:8px 0 0}.match-card__team-upload-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.match-card__team-hint{margin:0}.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-brand{align-items:center;color:#0f172a;color:var(--text);display:inline-flex;font-size:1.02rem;font-weight:800;gap:8px}.auth-brand-logo{box-shadow:0 2px 12px #00000038,0 0 0 1px #ffffff59}.auth-step-hint{color:#64748b;color:var(--muted);font-size:.88rem;line-height:1.45;margin:0 0 8px}.google-auth{grid-gap:10px;display:grid;gap:10px}.google-auth__button{display:flex;justify-content:center;min-height:44px}.google-auth__button--disabled{opacity:.6;pointer-events:none}.google-auth__status{margin:0;text-align:center}.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-terms-row{align-items:flex-start;display:flex;font-size:.88rem;gap:8px;line-height:1.4;margin:4px 0 8px}.auth-terms-row input{margin-top:3px}.booking-row__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.match-card__leave{margin-top:8px}.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,260px) minmax(280px,1fr) minmax(220px,300px);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:4px}.chat-page__main{min-width:0}.chat-page__box{height:100%;min-height:380px}.chat-page__box,.chat-panel{display:flex;flex-direction:column}.chat-panel{background:#fff;border:1px solid #94a3b859;border-radius:16px;box-shadow:0 8px 32px #0f172a0f;flex:1 1;min-height:0;overflow:hidden;padding:0}.chat-panel__header{align-items:flex-start;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #94a3b838;display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between;padding:14px 16px}.chat-panel__title{color:#0f172a;color:var(--text);font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin:0}.chat-panel__subtitle{font-size:.82rem;margin:4px 0 0}.chat-panel__subtitle,.chat-panel__subtitle.muted{color:#64748b;color:var(--muted)}.chat-panel__title-block--direct{flex:1 1;min-width:0}.chat-panel__peer-title-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font:inherit;margin:0;max-width:100%;padding:0;text-align:left}.chat-panel__peer-title-btn:hover:not(:disabled) .chat-panel__title{color:#0284c7;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.chat-panel__peer-title-btn:disabled{cursor:default;opacity:.75}.chat-panel__peer-title-btn .chat-panel__title{display:inline}.chat-peer-modal-backdrop{background:#020617a6;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1001}.chat-peer-modal{background:#fff;border:1px solid #94a3b866;border-radius:16px;box-shadow:0 20px 50px #0f172a2e;padding:20px 20px 16px;position:relative;width:min(400px,100%)}.chat-peer-modal__close{background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--muted);cursor:pointer;font-size:1.35rem;height:36px;line-height:1;position:absolute;right:12px;top:10px;width:36px}.chat-peer-modal__close:hover{background:#94a3b826;color:#0f172a;color:var(--text)}.chat-peer-modal__title{font-size:1.15rem;font-weight:800;margin:0 40px 0 0}.chat-peer-modal__handle{color:#64748b;color:var(--muted);font-size:.9rem;font-weight:600;margin:8px 0 0}.chat-peer-modal__stats{color:#64748b;color:var(--muted);font-size:.85rem;margin:10px 0 0}.chat-peer-modal__stats strong{color:#0f172a;color:var(--text)}.chat-peer-modal__err{color:#be123c;font-size:.82rem;margin:10px 0 0}.chat-peer-modal__actions{border-top:1px solid #94a3b840;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px}.chat-peer-modal__btn--danger{border-color:#f43f5e73;color:#be123c}.chat-peer-modal__btn--danger:hover:not(:disabled){background:#f43f5e14}.chat-panel__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.chat-toolbar-btn{background:#fff;border:1px solid #94a3b873;border-radius:999px;color:#0f172a;color:var(--text);cursor:pointer;font-size:.78rem;font-weight:600;font:inherit;padding:6px 12px;transition:border-color .15s ease,background .15s ease}.chat-toolbar-btn:hover:not(:disabled){background:#0ea5e90f;border-color:#0ea5e973}.chat-toolbar-btn:disabled{cursor:not-allowed;opacity:.45}.chat-toolbar-btn--danger{border-color:#f43f5e73;color:#be123c}.chat-toolbar-btn--danger:hover:not(:disabled){background:#f43f5e14;border-color:#f43f5e8c}.chat-panel__handle{color:#64748b;color:var(--muted);font-size:.88rem;font-weight:600;margin:4px 0 0}.chat-panel__stats{color:#64748b;color:var(--muted);font-size:.82rem;margin:6px 0 0}.chat-panel__stats strong{color:#0f172a;color:var(--text);font-weight:700}.chat-panel__peer-err{color:#be123c;font-size:.78rem;margin:6px 0 0}.chat-page__messages{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);flex:1 1;max-height:min(420px,52vh);min-height:220px;overflow-x:hidden;overflow-y:auto;padding:16px;scroll-behavior:smooth}.chat-page__empty{color:#64748b;color:var(--muted);font-size:.9rem;margin:0}.chat-page__empty--centered{align-items:center;display:flex;justify-content:center;min-height:160px;padding:24px 16px;text-align:center}.chat-bubbles{display:flex;flex-direction:column;gap:10px}.chat-bubbles__end{flex-shrink:0;height:1px}.chat-bubble-row{display:flex;width:100%}.chat-bubble-row--in{justify-content:flex-start}.chat-bubble-row--out{justify-content:flex-end}.chat-bubble{border-radius:16px;box-shadow:0 1px 2px #0f172a0f;max-width:min(85%,380px);padding:10px 14px;position:relative}.chat-bubble--in{background:#fff;border:1px solid #94a3b859;border-bottom-left-radius:4px}.chat-bubble--out{background:linear-gradient(145deg,#0ea5e9,#0284c7);border-bottom-right-radius:4px;color:#fff}.chat-bubble__sender{color:#0284c7;color:var(--accent);display:block;font-size:.72rem;font-weight:700;margin-bottom:4px}.chat-bubble--out .chat-bubble__sender{color:#ffffffd9}.chat-bubble__text{font-size:.92rem;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.chat-bubble__img-wrap{border-radius:10px;display:block;line-height:0;margin-top:8px;overflow:hidden}.chat-bubble__img{display:block;height:auto;max-height:220px;max-width:100%;object-fit:cover;width:auto}.chat-bubble__time{display:block;font-size:.68rem;font-weight:500;margin-top:6px;opacity:.75}.chat-bubble--out .chat-bubble__time{color:#ffffffe0;text-align:right}.chat-bubble--in .chat-bubble__time{color:#64748b;color:var(--muted);text-align:right}.chat-composer{grid-gap:8px 10px;align-items:center;background:#fff;border-top:1px solid #94a3b838;display:grid;gap:8px 10px;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;padding:12px 14px 14px}.chat-composer__field{align-items:stretch;background:#f8fafc;border:1px solid #94a3b873;border-radius:12px;display:flex;grid-column:1;grid-row:1;overflow:hidden;transition:border-color .15s ease}.chat-composer__field:focus-within{background:#fff;border-color:#0ea5e98c}.chat-composer__input{background:#0000;border:none;flex:1 1;font:inherit;font-size:.95rem;min-width:0;padding:12px 14px}.chat-composer__input:focus{outline:none}.chat-composer__attach{background:#fff;border:none;border-left:1px solid #94a3b840;cursor:pointer;display:grid;flex-shrink:0;min-width:52px;padding:0 10px;place-items:center;transition:background .15s ease}.chat-composer__attach-label{color:#0284c7;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.chat-composer__attach:hover:not(:disabled){background:#0ea5e914}.chat-composer__attach:disabled{cursor:not-allowed;opacity:.4}.chat-composer__send{border-radius:12px;font-size:.88rem;font-weight:700;grid-column:2;grid-row:1;min-width:88px;padding:12px 20px;white-space:nowrap}.chat-composer__pending{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;grid-column:1/-1;justify-content:space-between;margin:0}.chat-composer__remove-pending{background:none;border:none;color:#f43f5e;cursor:pointer;font-size:.78rem;font-weight:600;font:inherit;padding:0;text-decoration:underline}.chat-composer__error{color:#f43f5e;font-size:.82rem;grid-column:1/-1;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}.chat-thread__row{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-thread__badge{background:#0ea5e91f;border-radius:999px;color:#0284c7;color:var(--accent);flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.user-suggest-panel--full{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;display:flex;flex-direction:column;min-height:320px;min-width:0;padding:14px 14px 12px}.user-suggest-panel__heading{color:#0f172a;color:var(--text);font-size:1rem;font-weight:800;margin:0 0 6px}.user-suggest-panel__hint{line-height:1.4;margin:0 0 10px}.user-suggest-panel__search{border:1px solid #94a3b880;border-radius:8px;box-sizing:border-box;font:inherit;margin-bottom:10px;padding:8px 10px;width:100%}.user-suggest-panel__list-wrap{display:flex;flex:1 1;flex-direction:column;min-height:120px;overflow:hidden}.user-suggest-panel__list{display:flex;flex:1 1;flex-direction:column;gap:4px;list-style:none;margin:0;overflow-y:auto;padding:0}.user-suggest-panel__row{align-items:center;background:#ffffffe6;border:1px solid #94a3b859;border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.user-suggest-panel__row:hover{background:#fff;border-color:#0ea5e966}.user-suggest-panel__name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-suggest-panel__action{color:#0284c7;color:var(--accent);flex-shrink:0;font-size:.72rem;font-weight:700}.home-chat-strip__suggestions{background:#ffffff8c;border:1px dashed #94a3b880;border-radius:12px;margin-top:12px;padding:12px 14px}.user-suggest-panel--compact .user-suggest-panel__compact-title{color:#0f172a;color:var(--text);font-size:.88rem;font-weight:700;margin:0 0 8px}.user-suggest-panel__chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-suggest-panel__chip{background:#fff;border:1px solid #94a3b873;border-radius:999px;color:#0f172a;color:var(--text);cursor:pointer;font:inherit;font-size:.82rem;font-weight:600;padding:6px 12px}.user-suggest-panel__chip:hover{background:#0ea5e914;border-color:#0ea5e973}@media (max-width:1100px){.chat-page__layout{grid-template-columns:minmax(200px,280px) 1fr}.chat-page__people{grid-column:1/-1}}@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-page__people{grid-column:auto;order:2}.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%}.chat-page__messages{max-height:min(58vh,560px)}.chat-composer{grid-template-columns:1fr}.chat-composer__field{grid-column:1;grid-row:1}.chat-composer__send{grid-column:1;grid-row:2;width:100%}.chat-input-row{grid-template-columns:1fr}.chat-input-row button{width: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{align-items:center;column-gap:8px;flex-wrap:wrap;justify-content:space-between;padding:max(10px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px));row-gap:6px}.brand{min-width:0;order:1}.brand,.nav-actions{flex:0 0 auto;gap:8px}.nav-actions{margin-left:auto;order:2}.nav-caption{border-top:1px solid #0ea5e91f;flex:1 1 100%;font-size:clamp(.74rem,3.1vw,.92rem);line-height:1.25;margin:2px 0 0;max-width:none;min-width:0;order:3;overflow:visible;padding:2px 0 0;text-overflow:clip;white-space:normal}.nav-caption--words{column-gap:.04em;flex-wrap:wrap;justify-content:center;row-gap:.08em}.brand-logo-motion{border-radius:6px;box-shadow:0 2px 14px #00000047,0 0 0 1px #ffffff73;height:clamp(34px,9.5vw,42px)!important;max-width:none;width:calc(clamp(34px, 9.5vw, 42px)*66/42)!important}.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{align-items:flex-end;background-position:center 22%;border-radius:14px;min-height:clamp(280px,52vh,460px);padding:clamp(14px,4vw,22px)}.hero-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff9e;border:1px solid #ffffff8c;border-radius:14px;box-shadow:0 8px 28px #0f172a14;max-width:none;padding:14px 16px 16px;width:100%}.hero-content h1{font-size:clamp(1.65rem,6.5vw,2.35rem)}.hero-content h2{font-size:clamp(1.05rem,4vw,1.35rem)}.hero-content .tagline{font-size:clamp(.88rem,3.2vw,1rem)}.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){.notification-wrap{position:static}.notification-panel{left:max(8px,env(safe-area-inset-left,0px));max-height:min(70vh,460px);position:fixed;right:max(8px,env(safe-area-inset-right,0px));top:calc(5.25rem + env(safe-area-inset-top, 0px));width:auto;z-index:100}}@media (max-width:480px){.auth-brand-logo{height:clamp(36px,11vw,46px)!important;width:calc(clamp(36px, 11vw, 46px)*66/42)!important}.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.a4c2db35.css.map*/