/* ============================================================
   Sistema de Quadras Pro — Tema "Quadra Clean" (V3.1)
   Design claro, moderno e de alta legibilidade.
   ============================================================ */

:root{
  --bg:#0d1210;
  --bg-2:#101816;
  --surface:#151c18;
  --surface-2:#1a231e;
  --surface-3:#1c2b22;
  --text:#f4f7f5;
  --text-soft:#c5d0ca;
  --muted:#9daaa3;
  --line:#26322c;
  --line-strong:#405247;
  --primary:#36c76c;
  --primary-2:#247a4a;
  --primary-ink:#b8f7c7;
  --secondary:#247a4a;
  --topbar-bg:#0d1210;
  --nav-bg:#151c18;
  --nav-text:#9daaa3;
  --nav-active-text:#36c76c;
  --button-text:#07110c;
  --hero-text:#ffffff;
  --success:#36c76c;
  --danger:#ef4444;
  --warning:#f59e0b;
  --radius:20px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.24);
  --shadow:0 16px 36px -20px rgba(0,0,0,.72),0 3px 9px rgba(0,0,0,.24);
  --shadow-lg:0 30px 70px -30px rgba(0,0,0,.85),0 8px 20px rgba(0,0,0,.28);
  --ring:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent);
  --app-background-image:none;
  --mq-bg:var(--bg);
  --mq-surface:var(--surface);
  --mq-surface-elevated:var(--surface-2);
  --mq-border:var(--line);
  --mq-text:var(--text);
  --mq-text-muted:var(--muted);
  --mq-primary:var(--primary);
  --mq-primary-soft:color-mix(in srgb,var(--primary) 14%,transparent);
  --mq-danger:var(--danger);
  --mq-warning:var(--warning);
  --mq-success:var(--success);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--text);min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px));
  font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-feature-settings:"ss01","cv11";
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 420px at 100% -8%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 70%),
    radial-gradient(700px 380px at -10% 6%,color-mix(in srgb,var(--secondary) 6%,transparent),transparent 70%),
    var(--bg);
  background-attachment:fixed;
}
body.no-bottom-nav{padding-bottom:0}
body.no-bottom-nav .app-shell{min-height:100dvh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
h1,h2,h3,h4{letter-spacing:-.02em}
::selection{background:color-mix(in srgb,var(--primary) 24%,transparent)}

/* ---------- Shell / topo ---------- */
.app-shell,.admin-shell{position:relative;z-index:2}
.app-shell{width:min(780px,100%);margin:0 auto;min-height:100vh}
.topbar{
  position:sticky;top:0;z-index:40;
  background:color-mix(in srgb,#fff 82%,transparent);
  backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--line);
  height:auto;min-height:0;
  padding:5px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand-logo{
  width:40px;height:40px;border-radius:13px;flex:none;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--primary-2),var(--primary));color:#fff;font-size:20px;
  box-shadow:0 10px 22px -8px color-mix(in srgb,var(--primary) 60%,transparent);
}
.brand-logo img{width:100%;height:100%;object-fit:cover}
.brand-meta{min-width:0}
.brand-name{font-weight:800;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-tagline{font-size:11px;line-height:1.15;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;gap:8px}
.icon-btn{
  width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--surface);
  color:var(--text);display:grid;place-items:center;position:relative;box-shadow:var(--shadow-sm);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.icon-btn:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.topbar .icon-btn{width:40px;height:40px;border-radius:12px}
.badge{
  position:absolute;top:-5px;right:-4px;min-width:19px;height:19px;border-radius:999px;
  background:var(--danger);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;
  padding:0 5px;border:2px solid var(--surface);
}

main{padding:18px}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;border-radius:28px;padding:26px;
  color:#fff;
  background:
    radial-gradient(700px 300px at 110% -30%,color-mix(in srgb,#fff 26%,transparent),transparent 60%),
    linear-gradient(145deg,color-mix(in srgb,var(--primary) 92%,#000),var(--primary-ink));
  box-shadow:var(--shadow-lg);
}
.hero:after{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.20),transparent 65%);
  right:-90px;top:-120px;
}
.hero-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:color-mix(in srgb,#fff 82%,transparent)}
.hero h1{font-size:clamp(28px,7vw,42px);line-height:1.04;margin:10px 0 10px;max-width:560px;font-weight:800}
.hero p{color:color-mix(in srgb,#fff 86%,transparent);line-height:1.6;margin:0;max-width:560px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}
.hero .btn-primary{background:#fff;color:var(--primary-ink);box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
.hero .btn-secondary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);color:#fff}
.hero .btn-secondary:hover{background:rgba(255,255,255,.22)}
.home-hero{min-height:270px;display:flex;flex-direction:column;justify-content:center}
.compact-hero{padding:22px}
.compact-hero h1{font-size:clamp(26px,6vw,36px)}

/* ---------- Botões ---------- */
.btn{
  border:1px solid transparent;border-radius:14px;padding:13px 18px;font-weight:700;font-size:14.5px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;
  transition:transform .14s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{
  background:linear-gradient(140deg,var(--primary-2),var(--primary));color:#fff;
  box-shadow:0 14px 26px -12px color-mix(in srgb,var(--primary) 78%,transparent);
}
.btn-primary:hover{box-shadow:0 18px 32px -12px color-mix(in srgb,var(--primary) 82%,transparent)}
.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.btn-secondary:hover{background:var(--surface-2)}
.btn-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.btn-danger:hover{background:#ffe4e6}
.btn-success{background:#e7f8f0;color:var(--primary-ink);border-color:#bfead8}
.btn-block{width:100%}
.btn-sm{padding:9px 13px;min-height:38px;border-radius:12px;font-size:13px}

/* ---------- Seções e blocos ---------- */
.section{margin-top:26px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-title{font-size:21px;margin:0;font-weight:800}
.section-sub{font-size:13px;color:var(--muted);margin:4px 0 0}
.link{color:var(--primary);font-size:13px;font-weight:700}
.link:hover{text-decoration:underline}
.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px;min-width:0;box-shadow:var(--shadow-sm)}
.stat strong{font-size:24px;display:block;font-weight:800;letter-spacing:-.03em}
.stat span{font-size:12px;color:var(--muted)}

.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.card:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}
.card-body{padding:18px}
.card-media{height:158px;background:linear-gradient(150deg,#dfe8e2,#eef2ef);position:relative;overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-media:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(6,32,22,.55))}
.card-title{font-size:17.5px;font-weight:800;margin:0 0 6px}
.meta{color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pill{
  display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:600;
  background:var(--surface-2);border:1px solid var(--line);color:var(--text-soft);
}
.pill-primary{background:color-mix(in srgb,var(--primary) 10%,#fff);border-color:color-mix(in srgb,var(--primary) 30%,var(--line));color:var(--primary-ink)}
.price{font-size:20px;font-weight:800;letter-spacing:-.02em}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stack{display:flex;flex-direction:column;gap:10px}

/* ---------- Horários ---------- */
.slot-list{display:flex;gap:9px;overflow:auto;padding-bottom:4px;scrollbar-width:none}
.slot-list::-webkit-scrollbar{display:none}
.slot{min-width:94px;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow-sm)}
.slot strong{display:block;font-size:16px;font-weight:800}
.slot small{color:var(--muted)}
.slot.available{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:color-mix(in srgb,var(--primary) 6%,#fff)}
.slot-carousel{display:flex;gap:11px;overflow:auto;padding:2px 1px 10px;scrollbar-width:none}
.slot-carousel::-webkit-scrollbar{display:none}
.slot-card{
  min-width:136px;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:5px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 10%,#fff),var(--surface));
  border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));box-shadow:var(--shadow-sm);
}
.slot-card .slot-date{font-size:11px;color:var(--primary-ink);text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.slot-card strong{font-size:24px;font-weight:800;letter-spacing:-.03em}
.slot-card span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-soft)}
.slot-card small{color:var(--muted)}

/* ---------- Avatares e times ---------- */
.avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;overflow:hidden;flex:none;border:2px solid var(--line);color:var(--muted)}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-lg{width:86px;height:86px;border-radius:26px}
.team-logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(150deg,var(--surface-2),var(--surface-3));display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);font-size:25px;flex:none}
.team-logo img{width:100%;height:100%;object-fit:cover}
.team-card{padding:16px}
.team-card .top{display:flex;gap:12px;align-items:center}
.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.team-stats div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
.team-stats strong{display:block;font-weight:800}
.team-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.premium-team{position:relative;padding:0}
.team-cover{height:96px;overflow:hidden;background:linear-gradient(140deg,var(--primary),var(--primary-ink))}
.team-cover img{width:100%;height:100%;object-fit:cover;opacity:.9}
.team-card-inner{display:flex;align-items:center;gap:12px;padding:0 16px;margin-top:-26px;position:relative}
.team-card-inner .team-logo{border:3px solid var(--surface);box-shadow:var(--shadow)}
.team-card-inner h3{margin:28px 0 3px}
.premium-team .team-stats{padding:0 16px 16px}
.team-profile{background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.team-profile-cover{width:100%;height:210px;object-fit:cover}
.team-profile-main{display:flex;gap:16px;align-items:center;padding:20px}
.team-profile-main h1{margin:0}
.team-profile-main p{color:var(--muted);margin:5px 0}
.team-profile .hero-actions{padding:0 20px 12px;margin:0}
.team-social-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px;padding:0 16px 16px;box-sizing:border-box}
.team-social-actions form{margin:0;min-width:0}
.team-join-btn,.team-follow-btn,.team-social-status{width:100%;min-height:44px;box-sizing:border-box;border-radius:12px;font-size:12px;line-height:1.2;font-weight:800;padding:8px 8px;white-space:normal;text-align:center;display:flex;align-items:center;justify-content:center}
.team-social-status{color:var(--muted);border:1px dashed var(--line-strong);background:var(--surface-2)}
.team-social-status.is-pending{color:var(--text);border-style:solid;border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}
.team-follow-btn{background:transparent;color:var(--text);border:1px solid var(--line-strong)}
.team-follow-btn.is-following{background:color-mix(in srgb,var(--primary) 22%,var(--surface));color:var(--text);border-color:var(--primary)}
.team-join-request-actions{margin-top:10px;gap:8px}
.team-followed-mark{opacity:.7;font-size:11px}
.community-team-card.is-followed{box-shadow:inset 0 2px 0 color-mix(in srgb,var(--team-color) 55%,transparent)}
@media (max-width:412px){
  .team-social-actions{padding:0 12px 14px;gap:6px}
  .team-join-btn,.team-follow-btn,.team-social-status{font-size:11px;padding:8px 6px;min-height:42px}
}
.team-logo-xl{width:92px;height:92px;border-radius:26px;font-size:38px}
.invite-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:14px;padding:12px;margin-top:14px}

/* ---------- Desafios ---------- */
.challenge{padding:16px}
.versus{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0}
.versus .vs{font-weight:900;color:var(--primary);font-size:13px}
.challenge-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
.premium-challenge{background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 6%,#fff),var(--surface))}
.premium-challenge .versus>div:not(.vs){text-align:center}
.challenge-info{display:grid;gap:8px;background:var(--surface-2);border:1px solid var(--line);padding:12px;border-radius:14px;color:var(--text-soft);font-size:13px}

/* ---------- Feed social ---------- */
.post{padding:18px}
.post-head{display:flex;align-items:center;gap:10px}
.post-content{line-height:1.6;margin:13px 0;color:var(--text-soft)}
.post-image{border-radius:16px;max-height:440px;width:100%;object-fit:cover}
.post-video{width:100%;max-height:520px;border-radius:16px;background:#000}
.composer{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow-sm)}
.composer-top{display:flex;gap:12px}
.composer-top .textarea{min-height:84px;background:var(--surface-2)}
.composer-tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.composer-tools .select{width:auto;min-width:145px;flex:1}
.file-btn{position:relative;overflow:hidden}
.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.social-actions{display:flex;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin-top:14px}
.social-actions form{margin:0}
.social-btn{border:0;background:transparent;color:var(--muted);font-weight:700;padding:8px 12px;border-radius:11px;display:inline-flex;gap:6px;transition:.16s}
.social-btn:hover{color:var(--text);background:var(--surface-2)}
.social-btn.liked{color:#e11d48;background:#fff1f2}
.comment{font-size:13.5px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:10px 12px;margin-top:8px;color:var(--text-soft)}
.comment strong{margin-right:5px;color:var(--text)}
.comment-form{display:flex;gap:8px;margin-top:10px}
.comment-form .input{padding:11px 13px}

/* ---------- Vazio ---------- */
.empty{padding:46px 20px;text-align:center;color:var(--muted);border:1.5px dashed var(--line-strong);border-radius:20px;background:color-mix(in srgb,#fff 60%,transparent)}
.empty .empty-icon{font-size:44px;opacity:.8;margin-bottom:10px}

/* ---------- Formulários ---------- */
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}
.field{margin-bottom:15px}
.field label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin:0 0 7px}
.input,.select,.textarea{
  width:100%;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:14px;
  padding:13px 14px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;
}
.input::placeholder,.textarea::placeholder{color:#9ca3af}
.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px}
.textarea{min-height:112px;resize:vertical}
.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}
.help{font-size:12px;color:var(--muted);margin-top:6px}
.auth-wrap{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:8px 0}
.auth-card{width:min(460px,100%)}
.tabs{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}
.tab{flex:1;text-align:center;padding:10px;border-radius:11px;color:var(--muted);font-size:13px;font-weight:700}
.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}

/* ---------- Alertas ---------- */
.alert{padding:13px 15px;border-radius:14px;border:1px solid;margin:12px 18px 0;font-size:14px;font-weight:600}
.alert-success{background:#e9f9f1;border-color:#b7e8d2;color:#065f46}
.alert-danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}

/* ---------- Perfil ---------- */
.profile-head{padding:22px;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 8%,#fff),var(--surface));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm)}
.profile-row{display:flex;gap:16px;align-items:center}
.profile-info h2{margin:0 0 4px}
.profile-info p{margin:0;color:var(--muted)}
.profile-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.profile-cover{background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.profile-cover>img{width:100%;height:170px;object-fit:cover}
.profile-cover-content{display:flex;align-items:center;gap:16px;padding:20px}
.profile-cover-content h1{margin:0}
.profile-cover-content p{margin:4px 0;color:var(--muted)}
.profile-cover .profile-actions{padding:0 20px 20px;margin:0}

/* ---------- Navegação inferior ---------- */
.bottom-nav{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(780px,100%);z-index:50;
  background:color-mix(in srgb,#fff 88%,transparent);backdrop-filter:saturate(180%) blur(18px);
  border-top:1px solid var(--line);
  padding:3px 8px calc(3px + env(safe-area-inset-bottom, 0px));display:grid;grid-template-columns:repeat(5,1fr);
}
.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10.5px;font-weight:700;color:#8b9490;padding:5px 2px 4px;min-height:44px;border-radius:13px;transition:.16s}
.nav-item .nav-icon{font-size:20px;line-height:1}
.nav-item.active{color:var(--primary-ink);background:color-mix(in srgb,var(--primary) 12%,transparent)}
.fab{
  position:fixed;right:max(18px,calc((100vw - 780px)/2 + 18px));bottom:calc(76px + env(safe-area-inset-bottom, 0px));width:58px;height:58px;border-radius:20px;border:0;
  background:linear-gradient(145deg,var(--primary-2),var(--primary));color:#fff;font-size:28px;z-index:35;
  box-shadow:0 18px 34px -12px color-mix(in srgb,var(--primary) 80%,transparent);
}

/* ---------- Status ---------- */
.status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.status-pending,.status-awaiting_payment{background:#fffbeb;color:#92400e;border-color:#fde68a}
.status-accepted,.status-confirmed,.status-paid{background:#e9f9f1;color:#065f46;border-color:#b7e8d2}
.status-rejected,.status-cancelled,.status-failed{background:#fff1f2;color:#9f1239;border-color:#fecdd3}
.status-negotiating,.status-proof_sent{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}
.status-completed,.status-expired{background:var(--surface-2);color:var(--text-soft);border-color:var(--line-strong)}

/* ---------- Notificações ---------- */
.notification{display:flex;gap:13px;padding:16px;border-bottom:1px solid var(--line);color:inherit}
.notification:last-child{border-bottom:0}
.notification.unread{background:color-mix(in srgb,var(--primary) 7%,transparent)}
.notification-icon{width:42px;height:42px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;flex:none}
.notification h4{margin:0 0 5px}
.notification p{margin:0 0 6px;color:var(--muted);line-height:1.5}

/* ---------- Reservas / pagamento ---------- */
.filter-bar{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:18px}
.booking-card{display:grid;grid-template-columns:158px 1fr}
.booking-cover{min-height:190px;background:linear-gradient(150deg,#dfe8e2,#f1f5f2);display:grid;place-items:center;font-size:48px;overflow:hidden}
.booking-cover img{width:100%;height:100%;object-fit:cover}
.booking-time{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px;margin:14px 0}
.booking-form{display:grid;grid-template-columns:1fr auto;gap:10px}
.selected-card{outline:2px solid var(--primary);outline-offset:0;box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 14%,transparent)}
.join-bar{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}
.payment-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:14px;box-shadow:var(--shadow)}
.payment-total{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}
.payment-total strong{font-size:38px;font-weight:800;letter-spacing:-.03em}
.pix-box{background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 10%,#fff),var(--surface-2));border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:18px;padding:18px;display:grid;gap:10px;text-align:center}
.pix-box strong{font-size:19px;word-break:break-all}
.pix-box small{color:var(--muted)}

/* ---------- Modal e toast ---------- */
.modal-backdrop{position:fixed;inset:0;background:rgba(10,26,20,.45);backdrop-filter:blur(3px);z-index:90;display:none;align-items:flex-end;justify-content:center}
.modal-backdrop.open{display:flex}
.modal{width:min(780px,100%);background:var(--surface);border-radius:28px 28px 0 0;padding:22px;border:1px solid var(--line);max-height:90vh;overflow:auto;box-shadow:0 -20px 60px rgba(10,30,22,.22)}
.modal-handle{width:46px;height:5px;border-radius:999px;background:var(--line-strong);margin:0 auto 16px}
.mq-confirm-backdrop{z-index:120}
.mq-confirm-dialog{width:min(440px,100%)}
.mq-confirm-title{margin:0 0 8px;font-size:20px;line-height:1.3}
.mq-confirm-lines{display:grid;gap:8px;margin:12px 0}
.mq-confirm-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}
.mq-confirm-line strong{color:var(--text);text-align:right}
.mq-confirm-note{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.mq-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%) translateY(20px);background:var(--text);color:#fff;padding:12px 18px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;z-index:100;font-weight:700;box-shadow:var(--shadow-lg)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---------- Responsivo ---------- */
@media(max-width:620px){
  .filter-bar{grid-template-columns:1fr 1fr}
  .filter-bar .btn{grid-column:1/-1}
  .booking-card{grid-template-columns:1fr}
  .booking-cover{min-height:140px}
  .booking-form{grid-template-columns:1fr}
  .join-bar{grid-template-columns:1fr}
  .composer-tools .select{width:100%;flex-basis:100%}
  .profile-cover-content{align-items:flex-start}
  .team-profile-main{align-items:flex-start}
  .team-profile-cover{height:150px}
  main{padding:16px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


/* ============================================================
   V3.2 — Campo Premium: fundo escuro, navegação elevada e
   personalização integral por variáveis do Painel Master.
   ============================================================ */
body{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 78%,transparent),var(--bg)),
    radial-gradient(900px 480px at 96% -10%,color-mix(in srgb,var(--primary) 17%,transparent),transparent 68%),
    radial-gradient(720px 420px at -12% 10%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 70%),
    repeating-linear-gradient(135deg,transparent 0 36px,color-mix(in srgb,var(--line) 18%,transparent) 36px 37px),
    var(--bg);
  background-attachment:fixed;
}
body:before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:var(--app-background-opacity,0);
  background-image:linear-gradient(color-mix(in srgb,var(--bg) var(--app-background-overlay,72%),transparent),color-mix(in srgb,var(--bg) var(--app-background-overlay,72%),transparent)),var(--app-background-image);
  background-position:center,var(--app-background-position,center center);
  background-size:auto,cover;
  background-repeat:no-repeat;
}
body:after{content:"";position:fixed;inset:0;z-index:1;background:linear-gradient(90deg,transparent 49.85%,color-mix(in srgb,var(--line) 13%,transparent) 50%,transparent 50.15%);opacity:.42;pointer-events:none}
.topbar{background:color-mix(in srgb,var(--topbar-bg) 91%,transparent);border-color:var(--line);box-shadow:0 10px 28px -24px #000;}
.icon-btn{background:var(--surface);color:var(--text);border-color:var(--line)}
.icon-btn svg,.avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero{color:var(--hero-text);background:radial-gradient(620px 260px at 105% -30%,color-mix(in srgb,var(--hero-text) 22%,transparent),transparent 60%),linear-gradient(145deg,color-mix(in srgb,var(--primary) 86%,var(--bg)),color-mix(in srgb,var(--secondary) 24%,var(--bg)))}
.hero-kicker,.hero p{color:color-mix(in srgb,var(--hero-text) 82%,transparent)}
.hero .btn-primary{background:linear-gradient(135deg,var(--secondary),var(--primary));color:var(--button-text)}
.hero .btn-secondary{color:var(--hero-text);background:color-mix(in srgb,var(--hero-text) 12%,transparent);border-color:color-mix(in srgb,var(--hero-text) 26%,transparent)}
.btn-primary{color:var(--button-text);background:var(--primary)}
.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}
.btn-danger{background:color-mix(in srgb,var(--danger) 13%,var(--surface));color:color-mix(in srgb,var(--danger) 78%,var(--text));border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}
.btn-success{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:color-mix(in srgb,var(--success) 78%,var(--text));border-color:color-mix(in srgb,var(--success) 40%,var(--line))}
.card-media,.booking-cover{background:linear-gradient(150deg,var(--surface-2),var(--bg-2))}
.pill-primary,.slot.available{background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary-ink)}
.slot-card,.premium-challenge,.profile-head,.pix-box{background:linear-gradient(155deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}
.social-btn.liked{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface))}
.empty{background:color-mix(in srgb,var(--surface) 72%,transparent)}
.alert-success{background:color-mix(in srgb,var(--success) 16%,var(--surface));border-color:color-mix(in srgb,var(--success) 42%,var(--line));color:color-mix(in srgb,var(--success) 75%,var(--text))}
.alert-danger{background:color-mix(in srgb,var(--danger) 16%,var(--surface));border-color:color-mix(in srgb,var(--danger) 42%,var(--line));color:color-mix(in srgb,var(--danger) 75%,var(--text))}
.alert-warning{background:color-mix(in srgb,var(--warning) 16%,var(--surface));border-color:color-mix(in srgb,var(--warning) 42%,var(--line));color:color-mix(in srgb,var(--warning) 75%,var(--text))}
.status-pending,.status-awaiting_payment{background:color-mix(in srgb,var(--warning) 15%,var(--surface));color:color-mix(in srgb,var(--warning) 78%,var(--text));border-color:color-mix(in srgb,var(--warning) 42%,var(--line))}
.status-accepted,.status-confirmed,.status-paid{background:color-mix(in srgb,var(--success) 15%,var(--surface));color:color-mix(in srgb,var(--success) 78%,var(--text));border-color:color-mix(in srgb,var(--success) 42%,var(--line))}
.status-rejected,.status-cancelled,.status-failed{background:color-mix(in srgb,var(--danger) 15%,var(--surface));color:color-mix(in srgb,var(--danger) 78%,var(--text));border-color:color-mix(in srgb,var(--danger) 42%,var(--line))}
.status-negotiating,.status-proof_sent{background:color-mix(in srgb,var(--secondary) 13%,var(--surface));color:color-mix(in srgb,var(--secondary) 76%,var(--text));border-color:color-mix(in srgb,var(--secondary) 38%,var(--line))}
.status-completed,.status-expired{background:color-mix(in srgb,var(--surface-2) 88%,var(--surface));color:var(--text-soft);border-color:var(--line-strong)}
.bottom-nav{
  left:50%;bottom:6px;width:min(748px,calc(100% - 24px));
  padding:2px 6px calc(2px + env(safe-area-inset-bottom, 0px));
  background:color-mix(in srgb,var(--nav-bg) 94%,transparent);
  border:1px solid var(--line);border-radius:18px;
  box-shadow:0 24px 54px -22px rgba(0,0,0,.88),0 8px 22px rgba(0,0,0,.28);
  backdrop-filter:saturate(170%) blur(20px);
  overflow:hidden;
}
.nav-item{position:relative;gap:1px;color:var(--nav-text);padding:4px 2px 3px;border-radius:14px;font-size:10px;isolation:isolate}
.nav-item:before{content:"";position:absolute;inset:0;border-radius:17px;background:var(--mq-primary-soft,color-mix(in srgb,var(--primary) 14%,transparent));opacity:0;transform:scale(.84);transition:.2s;z-index:-1;box-shadow:none}
.nav-item .nav-icon{width:30px;height:26px;display:grid;place-items:center;transition:.2s}
.nav-item .nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.nav-item .nav-label{white-space:nowrap;letter-spacing:.01em}
.nav-item.active{color:var(--nav-active-text);background:transparent}
.nav-item.active:before{opacity:1;transform:scale(1)}
.nav-item.active .nav-icon{transform:none}
.nav-item:hover{color:var(--text)}
.nav-item.active:hover{color:var(--nav-active-text)}
.fab{bottom:calc(70px + env(safe-area-inset-bottom, 0px));color:var(--button-text)}
.input,.select,.textarea{color-scheme:dark}
.input::placeholder,.textarea::placeholder{color:var(--muted)}
.toast{background:var(--text);color:var(--bg)}
@media(max-width:420px){.bottom-nav{width:calc(100% - 12px);bottom:5px;border-radius:16px}.nav-item{padding-inline:1px}.nav-item .nav-icon svg{width:20px;height:20px}.nav-item .nav-label{font-size:9px}}


/* V3.4 — Cadastro público, planos e ranking */
.auth-register{display:grid;gap:10px;text-align:center;margin-top:15px;color:var(--muted)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-card{position:relative;background:linear-gradient(155deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.plan-card.featured{border-color:color-mix(in srgb,var(--primary) 62%,var(--line));box-shadow:0 18px 50px -28px color-mix(in srgb,var(--primary) 85%,transparent)}
.plan-card.featured:before{content:"Mais escolhido";position:absolute;right:-36px;top:18px;transform:rotate(38deg);background:var(--primary);color:var(--button-text);font-size:10px;font-weight:900;padding:5px 42px;text-transform:uppercase;letter-spacing:.08em}
.plan-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:25px;background:var(--surface-2);border:1px solid var(--line)}
.plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.plan-head h2{margin:4px 0 0}.plan-private{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.plan-price{font-size:34px;font-weight:900;letter-spacing:-.04em}.plan-price small{font-size:13px;color:var(--muted);letter-spacing:0}.plan-card p{color:var(--muted);line-height:1.55;margin:0}.plan-features{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:var(--text-soft);font-size:14px;flex:1}.privacy-note,.private-plan-card,.upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid var(--line);border-radius:20px;padding:18px}.privacy-note p,.private-plan-card p,.upgrade-card p{margin:5px 0 0;color:var(--muted)}.rank-pill{border-color:color-mix(in srgb,var(--secondary) 44%,var(--line));color:color-mix(in srgb,var(--secondary) 72%,var(--text))}.score-form{margin-top:15px;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:11px}.score-title{text-align:center;font-weight:850}.score-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.score-inputs label{font-size:11px;color:var(--muted);text-align:center}.score-inputs .input{text-align:center;font-size:20px;font-weight:900;margin-top:6px}.score-inputs>span{padding-bottom:15px;font-weight:900}.final-score,.history-game{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:13px;border-radius:15px;background:var(--surface-2);border:1px solid var(--line);text-align:center}.history-game{justify-content:space-between;margin-top:0}.history-game strong{font-size:20px}
@media(max-width:820px){.plan-grid{grid-template-columns:1fr}.private-plan-card,.privacy-note,.upgrade-card{align-items:flex-start;flex-direction:column}.private-plan-card .btn,.upgrade-card .btn{width:100%}}

.status-active,.status-approved{background:color-mix(in srgb,var(--success) 15%,var(--surface));color:color-mix(in srgb,var(--success) 78%,var(--text));border-color:color-mix(in srgb,var(--success) 42%,var(--line))}


/* V3.5 — localização protegida e arenas próximas */
.geo-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--primary) 5%,var(--surface-2))}
.geo-actions{display:flex;gap:9px;flex-wrap:wrap}.geo-status{font-size:12px;line-height:1.5;color:var(--muted)}.geo-status[data-state="success"]{color:color-mix(in srgb,var(--success) 78%,var(--text))}.geo-status[data-state="error"]{color:color-mix(in srgb,var(--danger) 78%,var(--text))}.geo-status[data-state="warning"]{color:color-mix(in srgb,var(--warning) 78%,var(--text))}
.location-required-card,.manager-arena-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:17px;border-radius:19px;border:1px solid color-mix(in srgb,var(--warning) 40%,var(--line));background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.location-required-card p{margin:4px 0 0;color:var(--muted)}
.slot-card em{font-style:normal;font-size:11px;color:color-mix(in srgb,var(--primary) 72%,var(--text));font-weight:800}.booking-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.distance-pill{background:color-mix(in srgb,var(--secondary) 12%,var(--surface));color:color-mix(in srgb,var(--secondary) 75%,var(--text));border-color:color-mix(in srgb,var(--secondary) 35%,var(--line))}
#nova-arena{scroll-margin-top:72px}
@media(max-width:640px){.location-required-card{align-items:flex-start;flex-direction:column}.location-required-card .btn{width:100%}.geo-actions .btn{width:100%}.booking-badges{justify-content:flex-start}}

/* V3.6 — atalhos da home, login Google e privacidade da conta */
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.google-login-btn{min-height:52px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);display:flex;align-items:center;justify-content:center;gap:11px;padding:12px 16px;text-decoration:none;font-weight:800;box-shadow:0 10px 24px -22px var(--text);transition:.2s transform,.2s border-color,.2s background}.google-login-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 46%,var(--line));background:color-mix(in srgb,var(--primary) 6%,var(--surface-2))}.google-g{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-size:16px;font-weight:900;color:color-mix(in srgb,var(--primary) 72%,var(--text))}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}.home-shortcut{appearance:none;-webkit-appearance:none;min-width:0;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));color:var(--text);text-decoration:none;text-align:left;padding:17px;display:flex;flex-direction:column;gap:7px;cursor:pointer;font:inherit;box-shadow:var(--shadow);transition:.2s transform,.2s border-color,.2s background}.home-shortcut:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 52%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),var(--surface))}.home-shortcut-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 13%,var(--surface-2));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));margin-bottom:3px}.home-shortcut-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.home-shortcut strong{font-size:14px;line-height:1.25}.home-shortcut small{color:var(--muted);font-size:11px;line-height:1.4}
.account-privacy-card{border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--danger) 4%,var(--surface));padding:20px}.account-privacy-card h2{margin:5px 0 7px}.account-privacy-card p{color:var(--muted);line-height:1.55;margin:0 0 15px}.deletion-form{display:grid;gap:12px;margin-top:16px}.deletion-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-soft);font-size:13px}.status-rejected{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:color-mix(in srgb,var(--danger) 78%,var(--text));border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
@media(max-width:760px){
.home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;padding:0;margin:14px 0 20px}
.home-shortcut{min-width:0;min-height:116px;padding:12px 11px;border-radius:17px;gap:5px;box-shadow:0 12px 28px -24px var(--text)}
.home-shortcut-icon{width:36px;height:36px;border-radius:12px;margin-bottom:1px}
.home-shortcut-icon svg{width:19px;height:19px}
.home-shortcut strong{font-size:12.5px;line-height:1.2;letter-spacing:-.01em}
.home-shortcut small{font-size:9.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.account-privacy-card{padding:17px}
}
@media(max-width:380px){
.home-shortcuts{gap:7px}
.home-shortcut{min-height:108px;padding:10px 9px}
.home-shortcut-icon{width:33px;height:33px}
.home-shortcut strong{font-size:11.5px}
.home-shortcut small{font-size:9px}
}

/* V3.7 — cadastro direto com Conta Google */
.google-register-btn{width:100%;box-sizing:border-box;min-height:58px;font-size:16px}.auth-divider span{max-width:88%;text-align:center}

/* V3.8 — login premium com acesso Google em destaque */
.login-premium-card{display:grid;gap:0}.login-hero{margin-bottom:18px}.login-google-panel{border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.login-method-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--muted);margin:0 0 10px 2px}.google-login-primary{min-height:64px;justify-content:flex-start;padding:10px 13px;background:var(--surface);border-color:color-mix(in srgb,var(--primary) 30%,var(--line));box-shadow:0 14px 34px -28px color-mix(in srgb,var(--primary) 95%,transparent)}.google-login-primary .google-g{flex:0 0 34px;width:34px;height:34px;font-size:18px}.google-login-copy{min-width:0;display:grid;gap:2px;text-align:left;line-height:1.2;flex:1}.google-login-copy strong{font-size:15px;color:var(--text)}.google-login-copy small{font-size:10.5px;font-weight:600;color:var(--muted);white-space:normal}.google-login-arrow{font-size:28px;line-height:1;color:var(--muted);margin-left:4px}.login-security-note{font-size:10.5px;line-height:1.45;color:var(--muted);margin:10px 4px 0}.auth-divider-login{margin:18px 0 14px}.auth-divider-login span{max-width:none}.auth-email-card{margin:0}.login-submit-btn{min-height:52px;font-weight:900}.login-register-cta{padding:2px 4px 0}.login-register-cta>a{min-height:48px;display:flex;align-items:center;justify-content:center}@media(max-width:520px){.auth-wrap{align-items:start;padding-top:4px}.login-hero{margin-bottom:14px}.login-google-panel{padding:13px;border-radius:19px}.google-login-primary{min-height:62px}.google-login-copy strong{font-size:14px}.google-login-copy small{font-size:10px}.auth-email-card{padding:17px}.login-register-cta{margin-top:13px}}

/* V4.0 — hero compacto + faixa de horários em destaque */
.home-hero-compact{min-height:0;padding:22px 22px 20px;margin-bottom:12px}
.home-hero-compact h1{font-size:clamp(26px,6vw,40px);max-width:470px}
.home-hero-compact p{max-width:470px}
.compact-head{margin-bottom:10px}
.home-live-strip{margin:4px 0 16px}
.live-slot-track{display:flex;gap:10px;overflow:auto;padding:2px 1px 10px;scrollbar-width:none;scroll-snap-type:x proximity}
.live-slot-track::-webkit-scrollbar{display:none}
.live-slot-card{min-width:180px;max-width:180px;border-radius:18px;padding:13px 14px;display:grid;gap:4px;text-decoration:none;color:var(--text);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface));box-shadow:0 14px 30px -24px var(--text);scroll-snap-align:start}
.live-slot-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 55%,var(--line))}
.live-slot-time{font-size:25px;line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--primary)}
.live-slot-card strong{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.live-slot-card small{font-size:11px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-slot-card em{font-style:normal;font-size:10.5px;line-height:1.3;color:color-mix(in srgb,var(--primary) 76%,var(--text));font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-slot-price{font-size:11px;font-weight:800;color:var(--text-soft)}
@media(max-width:760px){
  .home-hero-compact{padding:18px 18px 17px;margin-bottom:10px;border-radius:23px}
  .home-hero-compact h1{font-size:clamp(23px,8.1vw,34px);max-width:330px}
  .home-hero-compact p{font-size:14px;line-height:1.52;max-width:330px}
  .home-live-strip{margin:0 0 14px}
  .compact-head{margin-bottom:8px}
  .compact-head .section-title{font-size:17px}
  .compact-head .section-sub{font-size:11px}
  .live-slot-track{gap:8px;padding-bottom:8px}
  .live-slot-card{min-width:156px;max-width:156px;padding:12px 12px;border-radius:16px}
  .live-slot-time{font-size:22px}
  .live-slot-card strong{font-size:12.5px}
  .live-slot-card small,.live-slot-price{font-size:10px}
  .live-slot-card em{font-size:9.5px}
}
@media(max-width:380px){
  .home-hero-compact{padding:16px 16px 15px}
  .live-slot-card{min-width:148px;max-width:148px;padding:11px}
}

/* V4.4 — Aba Arenas: minhas arenas, adicionar arena e busca pública */
.arenas-hero{padding-bottom:22px}
.arena-main-actions{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(180px,.9fr) minmax(300px,1.8fr);gap:12px;margin-top:20px;align-items:stretch}
.arena-main-button{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:96px;padding:15px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));background:color-mix(in srgb,var(--surface) 92%,var(--primary) 8%);text-decoration:none;color:var(--text);box-shadow:0 15px 34px -28px #000;transition:.18s ease}
.arena-main-button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 58%,var(--line))}
.arena-main-button.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 90%,#ffffff 10%),color-mix(in srgb,var(--primary) 68%,var(--surface) 32%));color:var(--button-text)}
.arena-main-button>span{font-size:20px;line-height:1}
.arena-main-button strong{font-size:16px;line-height:1.2}
.arena-main-button small{font-size:11px;opacity:.78;line-height:1.35}
.arena-search-box{display:grid;align-content:center;gap:7px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));background:color-mix(in srgb,var(--surface) 94%,var(--primary) 6%)}
.arena-search-box label{font-weight:800;font-size:15px}
.arena-search-box>small{font-size:10px;color:var(--muted)}
.arena-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.arena-search-row .input{min-width:0}
.arena-search-results{margin-top:18px}
.arena-result-card{overflow:hidden}
.arena-result-cover{height:150px;background:color-mix(in srgb,var(--surface-alt) 90%,var(--primary) 10%);display:grid;place-items:center;overflow:hidden}
.arena-result-cover img{width:100%;height:100%;object-fit:cover}
.arena-result-cover span{font-size:44px}
.plan-card.plan-focus{outline:2px solid var(--primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 16%,transparent),0 24px 70px -42px var(--primary)}
@media(max-width:860px){
  .arena-main-actions{grid-template-columns:1fr 1fr}
  .arena-search-box{grid-column:1/-1}
}
@media(max-width:520px){
  .arena-main-actions{grid-template-columns:1fr 1fr;gap:8px}
  .arena-main-button{min-height:86px;padding:12px 11px;border-radius:16px}
  .arena-main-button strong{font-size:13px}
  .arena-main-button small{font-size:9.5px}
  .arena-search-box{padding:12px;border-radius:16px}
  .arena-search-row{grid-template-columns:1fr}
  .arena-search-row .btn{width:100%}
}

/* V4.6 — Aba Arenas compacta no celular para exibir resultados mais cedo */
@media(max-width:520px){
  .arenas-hero{padding:14px 14px 12px;border-radius:22px}
  .arenas-hero .hero-kicker{font-size:10px;margin-bottom:5px}
  .arenas-hero h1{font-size:27px;line-height:1.05;margin:0 0 8px;letter-spacing:-.035em}
  .arenas-hero>p{font-size:12.5px;line-height:1.4;margin:0;max-width:100%}
  .arena-main-actions{margin-top:12px;gap:7px}
  .arena-main-button{min-height:70px;padding:9px 10px;border-radius:14px;gap:3px}
  .arena-main-button>span{font-size:17px}
  .arena-main-button strong{font-size:12.5px;line-height:1.12}
  .arena-main-button small{font-size:8.7px;line-height:1.2}
  .arena-search-box{grid-column:1/-1;padding:9px 10px;border-radius:14px;gap:5px}
  .arena-search-box label{font-size:12.5px;margin:0}
  .arena-search-box>small{display:none}
  .arena-search-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}
  .arena-search-row .input{height:40px;padding:9px 11px;font-size:12.5px}
  .arena-search-row .btn{width:auto;height:40px;padding:8px 13px;font-size:12px}
  .filter-bar{margin-top:10px;gap:7px;grid-template-columns:1fr 1fr auto}
  .filter-bar .input,.filter-bar .select{min-height:42px;padding:8px 10px;font-size:12px}
  .filter-bar .btn{grid-column:auto;min-height:42px;width:auto;padding:8px 12px;font-size:12px}
  .arena-search-results{margin-top:10px}
}
@media(max-width:390px){
  .arenas-hero h1{font-size:24px}
  .arenas-hero>p{font-size:11.5px}
  .arena-main-button{min-height:66px;padding:8px}
  .arena-main-button strong{font-size:11.5px}
  .arena-main-button small{font-size:8px}
  .arena-search-row .btn{padding-inline:10px}
  .filter-bar{grid-template-columns:1fr 1fr}
  .filter-bar .btn{grid-column:1/-1;width:100%;min-height:38px}
}

/* V5.0 — splash PWA com logo transparente */
.app-launch-splash{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;padding:24px;background:var(--topbar-bg,#0c1711);opacity:1;transition:opacity .32s ease,visibility .32s ease;visibility:visible}
.mq-pwa-launch .app-launch-splash{display:flex}
.app-launch-splash img{display:block;width:min(62vw,330px);height:auto;max-height:46vh;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28));animation:mqSplashIn .42s ease both}
.app-launch-splash.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
@keyframes mqSplashIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:480px){.app-launch-splash img{width:min(68vw,280px);max-height:42vh}}
@media(prefers-reduced-motion:reduce){.app-launch-splash,.app-launch-splash img{transition:none;animation:none}}

/* V5.1 — abertura leve e intuitiva (somente CSS, sem vídeo/Lottie) */
.app-launch-splash{background:
  radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 38%),
  linear-gradient(180deg,color-mix(in srgb,var(--topbar-bg,#0c1711) 94%,#000),var(--topbar-bg,#0c1711));
}
.app-launch-stage{display:grid;justify-items:center;gap:14px;width:min(82vw,380px);text-align:center}
.app-launch-mark{position:relative;display:grid;place-items:center;width:min(58vw,270px);aspect-ratio:1}
.app-launch-mark img{position:relative;z-index:2;width:82%;max-height:none;filter:drop-shadow(0 18px 34px rgba(0,0,0,.3));animation:mqLogoArrive .55s cubic-bezier(.2,.8,.2,1) both}
.app-launch-ring{position:absolute;inset:8%;z-index:1;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 58%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 26%,transparent);animation:mqRingPulse 1.2s ease-out .12s both}
.app-launch-copy{display:grid;gap:4px;opacity:0;transform:translateY(6px);animation:mqCopyIn .36s ease .38s forwards}
.app-launch-copy strong{font-size:clamp(20px,5.6vw,26px);letter-spacing:-.025em;color:#fff}
.app-launch-copy span{font-size:clamp(11px,3vw,13px);color:rgba(255,255,255,.68);font-weight:600}
.app-launch-progress{position:relative;width:min(52vw,210px);height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12);opacity:0;animation:mqCopyIn .3s ease .52s forwards}
.app-launch-progress i{display:block;height:100%;width:34%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary));animation:mqProgress 1s cubic-bezier(.2,.75,.25,1) .55s forwards}
.app-launch-splash.is-leaving .app-launch-stage{transform:scale(.985);transition:transform .3s ease}
@keyframes mqLogoArrive{0%{opacity:0;transform:scale(.88) translateY(8px)}65%{opacity:1;transform:scale(1.025) translateY(0)}100%{opacity:1;transform:scale(1)}}
@keyframes mqRingPulse{0%{opacity:0;transform:scale(.78);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 34%,transparent)}45%{opacity:.9}100%{opacity:.25;transform:scale(1.08);box-shadow:0 0 0 24px transparent}}
@keyframes mqCopyIn{to{opacity:1;transform:translateY(0)}}
@keyframes mqProgress{0%{transform:translateX(-115%)}100%{transform:translateX(300%)}}
@media(max-width:480px){.app-launch-mark{width:min(64vw,250px)}.app-launch-stage{gap:12px}}
@media(prefers-reduced-motion:reduce){.app-launch-ring,.app-launch-mark img,.app-launch-copy,.app-launch-progress,.app-launch-progress i{animation:none!important;opacity:1;transform:none}.app-launch-progress i{width:100%}}

/* V5.2 — planos e cadastro */
.signup-plan-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 4px}
.signup-plan-preview>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent)}
.signup-plan-preview strong{font-size:11px}.signup-plan-preview span{font-size:10px;color:var(--muted)}
.plan-disabled{opacity:.65;filter:saturate(.65)}
@media(max-width:520px){.signup-plan-preview{grid-template-columns:1fr}.signup-plan-preview>div{grid-template-columns:1fr auto;align-items:center}}

/* V5.7 — vitrine de arenas: 1 card por Arena, 3 cards completos no mobile */
.featured-arenas-section{margin:4px 0 16px;min-width:0}
.featured-arenas-head{align-items:flex-end}
.featured-arenas-head>div{min-width:0}
.featured-arena-pages{min-width:0;width:100%}
.featured-arena-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0}
.featured-arena-page[hidden]{display:none!important}
.featured-arena-card{min-width:0;overflow:hidden;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 11%,var(--surface)),var(--surface));box-shadow:0 14px 30px -26px var(--text);display:flex;flex-direction:column}
.featured-arena-cover{position:relative;height:88px;overflow:hidden;background:color-mix(in srgb,var(--primary) 12%,var(--surface-2))}
.featured-arena-cover img{width:100%;height:100%;object-fit:cover;display:block}
.featured-arena-cover>span,.featured-sport-badge{position:absolute;right:7px;top:7px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 82%,#000 18%);color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.featured-arena-cover.no-image{display:grid;place-items:center}
.featured-arena-cover.no-image>b{font-size:30px;line-height:1}
.featured-arena-body{padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.featured-arena-name{font-size:13px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:31px}
.featured-arena-location{font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-date-block{display:grid;gap:2px;padding:6px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.featured-date-block span{font-size:9px;color:var(--text-soft);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-date-block strong{font-size:10.5px;line-height:1.2;white-space:nowrap}
.featured-arena-details{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.featured-arena-details span{max-width:100%;padding:3px 5px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-arena-footer{margin-top:auto;display:grid;gap:6px}
.featured-arena-footer>strong{font-size:12.5px;color:var(--primary);white-space:nowrap}
.featured-arena-footer>a{display:flex;align-items:center;justify-content:center;min-height:30px;padding:5px 6px;border-radius:9px;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));color:var(--text);text-decoration:none;text-align:center;font-size:8.5px;font-weight:900;line-height:1.15}
.featured-more-count{font-size:8px;color:var(--muted);text-align:center}
.featured-arena-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.featured-arena-pager>button{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer}
.featured-arena-dots{display:flex;gap:5px;align-items:center}
.featured-arena-dots button{width:7px;height:7px;border-radius:999px;border:0;padding:0;background:var(--line-strong);cursor:pointer}
.featured-arena-dots button.active{background:var(--primary);transform:scale(1.15)}
.featured-empty{width:100%}
@media(max-width:760px){
  .featured-arenas-section{margin-top:2px}
  .featured-arenas-head{gap:8px;margin-bottom:8px}
  .featured-arenas-head .section-title{font-size:16px;line-height:1.15}
  .featured-arenas-head .section-sub{font-size:9.5px;line-height:1.3;max-width:280px}
  .featured-arenas-head .link{font-size:10px;white-space:nowrap}
  .featured-arena-page{gap:6px}
  .featured-arena-card{border-radius:14px}
  .featured-arena-cover{height:62px}
  .featured-arena-cover>span,.featured-sport-badge{top:5px;right:5px;padding:3px 5px;font-size:7px}
  .featured-arena-cover.no-image>b{font-size:22px}
  .featured-arena-body{padding:7px;gap:4px}
  .featured-arena-name{font-size:10.5px;line-height:1.15;min-height:25px}
  .featured-arena-location{font-size:7.5px}
  .featured-date-block{padding:4px 0;gap:1px}
  .featured-date-block span{font-size:7.4px}
  .featured-date-block strong{font-size:8.4px;letter-spacing:-.01em}
  .featured-arena-details{gap:3px}
  .featured-arena-details span{font-size:7px;padding:2px 4px;border-radius:6px}
  .featured-arena-footer{gap:4px}
  .featured-arena-footer>strong{font-size:9.5px}
  .featured-arena-footer>a{min-height:26px;padding:4px 3px;font-size:7.1px;border-radius:7px}
  .featured-more-count{font-size:6.8px}
  .featured-arena-pager{margin-top:7px;gap:7px}
  .featured-arena-pager>button{width:24px;height:24px;font-size:16px}
}
@media(max-width:380px){
  .featured-arena-page{gap:4px}
  .featured-arena-cover{height:54px}
  .featured-arena-body{padding:6px 5px}
  .featured-arena-name{font-size:9.5px;min-height:22px}
  .featured-arena-location{font-size:6.8px}
  .featured-date-block span{font-size:6.8px}
  .featured-date-block strong{font-size:7.6px}
  .featured-arena-details span{font-size:6.5px}
  .featured-arena-footer>strong{font-size:8.8px}
  .featured-arena-footer>a{font-size:6.5px;min-height:24px}
}
@media(min-width:900px){
  .featured-arena-page{gap:14px}
  .featured-arena-cover{height:120px}
  .featured-arena-body{padding:13px;gap:7px}
  .featured-arena-name{font-size:15px;min-height:36px}
  .featured-arena-location{font-size:10.5px}
  .featured-date-block span{font-size:10px}
  .featured-date-block strong{font-size:12px}
  .featured-arena-details span{font-size:9.5px}
  .featured-arena-footer{grid-template-columns:auto 1fr;align-items:center}
  .featured-arena-footer>a{font-size:9px}
}


/* V5.8 — Home visual premium baseada na referência do Match Quadras */
.home-hero-reference{--home-hero-image:none;min-height:330px;padding:28px 30px 24px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));background-image:linear-gradient(90deg,rgba(3,23,12,.98) 0%,rgba(3,23,12,.88) 46%,rgba(3,23,12,.42) 72%,rgba(3,23,12,.18) 100%),var(--home-hero-image),linear-gradient(145deg,#0d3b20,#07110c);background-size:cover;background-position:center;box-shadow:0 28px 70px -38px #000}
.home-hero-reference:after{display:none}
.home-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 58%,rgba(2,18,9,.62) 100%)}
.home-hero-copy{max-width:520px}
.home-hero-reference .hero-kicker{color:color-mix(in srgb,var(--primary) 74%,#fff);font-size:11px}
.home-hero-reference h1{font-size:clamp(32px,7vw,48px);max-width:540px;margin:12px 0 14px;line-height:1.03}
.home-hero-reference p{font-size:15px;max-width:500px;color:rgba(255,255,255,.82)}
.home-hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px;border-top:1px solid rgba(255,255,255,.10);padding-top:16px}
.home-hero-benefits>div{display:flex;align-items:center;gap:10px;padding:0 14px;min-width:0;border-right:1px solid rgba(255,255,255,.12)}
.home-hero-benefits>div:first-child{padding-left:0}.home-hero-benefits>div:last-child{border-right:0;padding-right:0}
.home-hero-benefits span{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.30);color:var(--primary)}
.home-hero-benefits svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home-hero-benefits strong{font-size:11.5px;line-height:1.35;color:var(--hero-text)}

.featured-arenas-section{margin-top:24px}
.featured-arenas-head{align-items:center}
.featured-arenas-head .section-title{font-size:22px}
.featured-arenas-head .section-sub{margin-top:4px;font-size:12px}
.featured-arena-card{border-radius:17px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--primary) 4%),var(--surface));border-color:color-mix(in srgb,var(--primary) 28%,var(--line));box-shadow:0 14px 34px -28px #000}
.featured-arena-cover{height:116px}
.featured-arena-cover:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,rgba(0,0,0,.36));pointer-events:none}
.featured-arena-cover>span,.featured-sport-badge{z-index:2;background:color-mix(in srgb,var(--primary) 76%,#0a2a16 24%);border:1px solid rgba(255,255,255,.16)}
.featured-arena-body{padding:11px 11px 12px;gap:7px}
.featured-arena-name{font-size:13.5px;min-height:auto;font-weight:800}
.featured-arena-location{font-size:9.5px}
.featured-date-block{padding:7px 0;border-top:1px dashed color-mix(in srgb,var(--primary) 24%,var(--line));border-bottom:1px dashed color-mix(in srgb,var(--primary) 24%,var(--line))}
.featured-date-block span{font-size:9px;color:var(--text-soft)}
.featured-date-block strong{font-size:11px}
.featured-arena-footer{grid-template-columns:auto 1fr;align-items:center;gap:7px}
.featured-arena-footer>strong{font-size:12px}
.featured-arena-footer>a{min-height:32px;font-size:8.5px}
.featured-more-count{margin-top:-2px;font-size:8px;color:var(--muted)}

.home-shortcuts-reference{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:24px}
.home-shortcuts-reference .home-shortcut{display:grid;grid-template-columns:50px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:92px;padding:14px 15px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface));box-shadow:0 16px 34px -28px #000}
.home-shortcuts-reference .home-shortcut-icon{width:50px;height:50px;border-radius:16px;margin:0;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 26%,var(--surface-2)),color-mix(in srgb,var(--primary) 10%,var(--surface-2)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 24%,transparent)}
.home-shortcuts-reference .home-shortcut-icon svg{width:25px;height:25px}
.home-shortcut-copy{display:grid;gap:4px;min-width:0}
.home-shortcuts-reference .home-shortcut strong{font-size:14px}
.home-shortcuts-reference .home-shortcut small{font-size:10px;line-height:1.35;color:var(--muted)}
.home-shortcut-arrow{font-size:28px;line-height:1;color:var(--muted);justify-self:end}

@media(max-width:760px){
  .home-hero-reference{min-height:300px;padding:23px 20px 18px;border-radius:24px;background-image:linear-gradient(90deg,rgba(3,23,12,.96) 0%,rgba(3,23,12,.84) 56%,rgba(3,23,12,.34) 100%),var(--home-hero-image),linear-gradient(145deg,#0d3b20,#07110c)}
  .home-hero-reference.mq-hero-photo{background-image:linear-gradient(145deg,#0d3b20,#07110c)}
  .home-hero-reference h1{font-size:clamp(27px,8.3vw,38px);max-width:390px;margin:10px 0 12px}
  .home-hero-reference p{font-size:12px;line-height:1.5;max-width:350px}
  .home-hero-benefits{margin-top:21px;padding-top:12px}
  .home-hero-benefits>div{gap:6px;padding:0 7px;flex-direction:column;align-items:flex-start}
  .home-hero-benefits>div:first-child{padding-left:0}.home-hero-benefits>div:last-child{padding-right:0}
  .home-hero-benefits span{width:31px;height:31px;flex-basis:31px;border-radius:10px}
  .home-hero-benefits svg{width:18px;height:18px}
  .home-hero-benefits strong{font-size:8.5px;line-height:1.25}
  .featured-arenas-section{margin-top:20px}
  .featured-arenas-head .section-title{font-size:17px}
  .featured-arenas-head .section-sub{font-size:9.5px;max-width:300px}
  .featured-arena-cover{height:74px}
  .featured-arena-body{padding:7px 6px 8px;gap:4px}
  .featured-arena-name{font-size:10px;min-height:23px}
  .featured-arena-location{font-size:7.2px}
  .featured-date-block{padding:4px 0}
  .featured-date-block span{font-size:6.8px}
  .featured-date-block strong{font-size:8.3px}
  .featured-arena-details span{font-size:6.7px}
  .featured-arena-footer{grid-template-columns:1fr;gap:4px}
  .featured-arena-footer>strong{font-size:8.8px}
  .featured-arena-footer>a{min-height:25px;padding:4px 2px;font-size:6.7px}
  .featured-more-count{font-size:6.5px}
  .home-shortcuts-reference{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
  .home-shortcuts-reference .home-shortcut{grid-template-columns:39px minmax(0,1fr) 14px;gap:8px;min-height:82px;padding:10px 10px}
  .home-shortcuts-reference .home-shortcut-icon{width:39px;height:39px;border-radius:13px}
  .home-shortcuts-reference .home-shortcut-icon svg{width:20px;height:20px}
  .home-shortcuts-reference .home-shortcut strong{font-size:11px}
  .home-shortcuts-reference .home-shortcut small{font-size:8px;-webkit-line-clamp:2}
  .home-shortcut-arrow{font-size:21px}
}
@media(max-width:390px){
  .home-hero-reference{min-height:284px;padding:20px 17px 16px}
  .home-hero-reference h1{font-size:27px}
  .home-hero-benefits strong{font-size:7.8px}
  .featured-arena-cover{height:66px}
  .featured-arena-body{padding:6px 5px 7px}
  .home-shortcuts-reference .home-shortcut{grid-template-columns:36px minmax(0,1fr) 12px;padding:9px 8px;gap:7px;min-height:78px}
  .home-shortcuts-reference .home-shortcut-icon{width:36px;height:36px}
  .home-shortcuts-reference .home-shortcut strong{font-size:10.2px}
  .home-shortcuts-reference .home-shortcut small{font-size:7.5px}
}

/* V5.9 — Cards superiores compactos e padronizados */
.mq-page-hero{
  --home-hero-image:none;
  position:relative;overflow:hidden;isolation:isolate;
  min-height:132px;height:auto;padding:15px 18px 13px;border-radius:22px;
  display:flex;flex-direction:column;justify-content:space-between;gap:8px;
  border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));
  color:var(--hero-text,#fff);
  box-shadow:0 28px 70px -38px #000;
  background-image:linear-gradient(90deg,rgba(3,23,12,.98) 0%,rgba(3,23,12,.86) 58%,rgba(3,23,12,.34) 100%),var(--home-hero-image),linear-gradient(145deg,#0d3b20,#07110c);
  background-size:cover;background-position:center;
}
.mq-page-hero:after{display:none}
.mq-page-hero>.mq-page-hero-overlay,
.mq-page-hero>.home-hero-overlay{
  position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:transparent;
}
.mq-page-hero.mq-hero-photo{background-image:linear-gradient(145deg,#0d3b20,#07110c)}
.mq-page-hero.mq-hero-photo:before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
  background-image:var(--home-hero-configured-image);
  background-size:cover;background-repeat:no-repeat;
  background-position:var(--home-hero-position,center);
  opacity:var(--home-hero-opacity,1);
}
.mq-page-hero.mq-hero-photo>.mq-page-hero-overlay,
.mq-page-hero.mq-hero-photo>.home-hero-overlay{
  z-index:1;
  background:linear-gradient(90deg,rgba(3,23,12,var(--home-hero-scrim,.92)) 0%,rgba(3,23,12,calc(var(--home-hero-scrim,.92) * .88)) 54%,rgba(3,23,12,.22) 100%);
}
.mq-page-hero>*{position:relative;z-index:2}
.mq-page-hero>.mq-page-hero-overlay,
.mq-page-hero>.home-hero-overlay{position:absolute;z-index:1}
.mq-page-hero .hero-kicker{font-size:9px;line-height:1.15;margin:0}
.mq-page-hero h1{font-size:clamp(22px,5vw,31px);line-height:1.03;margin:4px 0 5px;max-width:620px;letter-spacing:-.035em}
.mq-page-hero p{font-size:11px;line-height:1.32;max-width:610px;margin:0;color:color-mix(in srgb,var(--hero-text) 84%,transparent)}
.mq-page-hero .hero-actions{margin-top:0;gap:7px}
.section-hero-card{
  min-height:0;height:auto;padding:16px 18px;border-radius:22px;
  display:block;overflow:hidden;
}
.section-hero-card .hero-kicker{font-size:9.5px;line-height:1.2;letter-spacing:.14em}
.section-hero-card h1{font-size:clamp(21px,4.7vw,30px);line-height:1.06;letter-spacing:-.035em;margin:5px 0 6px;max-width:680px}
.section-hero-card p{font-size:12px;line-height:1.38;max-width:680px;margin:0}
.section-hero-card .hero-actions{margin-top:10px;gap:7px}
.section-hero-card .hero-actions .btn,.section-hero-card>a.btn{min-height:36px;padding:7px 12px;border-radius:11px;font-size:11.5px}
.mq-page-hero.section-hero-card .hero-kicker{font-size:9px;line-height:1.15;margin:0}
.mq-page-hero.section-hero-card h1{font-size:clamp(22px,5vw,31px);line-height:1.03;margin:4px 0 5px;max-width:620px}
.mq-page-hero.section-hero-card p{font-size:11px;line-height:1.32;max-width:610px;margin:0}

/* Home: todo o conteúdo essencial cabe em um hero baixo, sem corte. */
.home-hero-reference.section-hero-card{
  justify-content:space-between;gap:0;
}
.home-hero-reference .home-hero-copy{max-width:680px;min-width:0}
.home-hero-reference .hero-kicker{font-size:9px;line-height:1.15}
.home-hero-reference h1{font-size:clamp(22px,5vw,31px);line-height:1.03;margin:4px 0 5px;max-width:620px}
.home-hero-reference p{font-size:11px;line-height:1.32;max-width:610px;margin:0}
.home-hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.10);min-width:0}
.home-hero-benefits>div{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;padding:0 7px;min-width:0;border-right:1px solid rgba(255,255,255,.11)}
.home-hero-benefits>div:first-child{padding-left:0}.home-hero-benefits>div:last-child{padding-right:0;border-right:0}
.home-hero-benefits span{width:25px;height:25px;min-width:25px;flex:0 0 25px;border-radius:8px}
.home-hero-benefits svg{width:14px;height:14px}
.home-hero-benefits strong{font-size:8.3px;line-height:1.15;color:var(--hero-text);overflow-wrap:anywhere}
.featured-arenas-section{margin-top:13px}

/* Arenas: ações passam a compor visualmente o mesmo hero. */
.arenas-hero.section-hero-card{padding:15px 18px 13px;border-radius:22px}
.arena-hero-copy{min-width:0}
.arenas-hero .hero-kicker{font-size:9px;line-height:1.1;margin:0}
.arenas-hero h1{font-size:clamp(21px,4.8vw,29px);line-height:1.03;margin:4px 0 5px;max-width:620px}
.arenas-hero>div>p,.arenas-hero .arena-hero-copy>p{font-size:10.5px;line-height:1.3;margin:0;max-width:620px;color:color-mix(in srgb,var(--hero-text) 84%,transparent)}
.arena-main-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;align-items:stretch;min-width:0}
.arena-main-button{
  display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:7px;row-gap:1px;
  min-height:47px;padding:7px 9px;border-radius:12px;min-width:0;overflow:hidden;
  background:rgba(7,27,15,.64);border:1px solid rgba(255,255,255,.13);box-shadow:none;color:#fff
}
.arena-main-button.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 78%,#fff 22%),color-mix(in srgb,var(--primary) 58%,#0a2a16 42%));color:var(--button-text)}
.arena-main-button>span{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;font-size:16px;line-height:1}
.arena-main-button strong{font-size:11.5px;line-height:1.08;white-space:normal;overflow-wrap:anywhere}
.arena-main-button small{font-size:8px;line-height:1.12;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Busca preservada, mas fora do hero para não inflar o card superior. */
.arena-search-standalone{margin-top:9px;padding:7px 9px;border-radius:13px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;background:color-mix(in srgb,var(--surface) 96%,var(--primary) 4%)}
.arena-search-standalone label{font-size:10.5px;line-height:1.1;white-space:nowrap;margin:0}
.arena-search-standalone .arena-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0}
.arena-search-standalone .input{height:36px;min-height:36px;padding:7px 10px;font-size:11px;border-radius:10px;min-width:0}
.arena-search-standalone .btn{height:36px;min-height:36px;padding:6px 11px;font-size:10.5px;border-radius:10px;width:auto}
.arena-search-standalone>small{display:none}
.arena-search-standalone + .arena-search-results{margin-top:9px}
.filter-bar{margin-top:9px}

@media(max-width:760px){
  .section-hero-card{min-height:0;height:auto;padding:12px 14px;border-radius:19px}
  .section-hero-card .hero-kicker{font-size:8.5px}
  .section-hero-card h1{font-size:clamp(19px,5.5vw,24px);line-height:1.04;margin:4px 0 5px}
  .section-hero-card p{font-size:10px;line-height:1.3}
  .section-hero-card .hero-actions{margin-top:8px;gap:6px}
  .section-hero-card .hero-actions .btn,.section-hero-card>a.btn{min-height:33px;padding:6px 10px;font-size:10.5px}

  .mq-page-hero,.home-hero-reference.section-hero-card{min-height:118px;height:auto;padding:12px 13px 10px;border-radius:19px}
  .home-hero-reference .hero-kicker{font-size:8px}
  .home-hero-reference h1{font-size:clamp(20px,5.8vw,24px);line-height:1.02;margin:3px 0 4px;max-width:360px}
  .home-hero-reference p{font-size:9.5px;line-height:1.25;max-width:360px}
  .home-hero-benefits{margin-top:7px;padding-top:6px}
  .home-hero-benefits>div{grid-template-columns:21px minmax(0,1fr);gap:4px;padding:0 5px;align-items:center}
  .home-hero-benefits span{width:21px;height:21px;min-width:21px;flex-basis:21px;border-radius:7px}
  .home-hero-benefits svg{width:12px;height:12px}
  .home-hero-benefits strong{font-size:8px;line-height:1.08}
  .featured-arenas-section{margin-top:11px}

  .arenas-hero.section-hero-card{padding:12px 13px 10px;border-radius:19px}
  .arenas-hero .hero-kicker{font-size:8px}
  .arenas-hero h1{font-size:clamp(20px,5.5vw,23px);line-height:1.02;margin:3px 0 4px;max-width:350px}
  .arenas-hero>div>p,.arenas-hero .arena-hero-copy>p{font-size:9.2px;line-height:1.22;max-width:360px}
  .arena-main-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:7px;gap:6px}
  .arena-main-button{grid-template-columns:22px minmax(0,1fr);min-height:42px;padding:6px 7px;border-radius:11px;column-gap:5px}
  .arena-main-button>span{width:22px;height:22px;font-size:14px}
  .arena-main-button strong{font-size:10px;line-height:1.04}
  .arena-main-button small{font-size:7.5px;line-height:1.05}
  .arena-search-standalone{margin-top:7px;padding:6px 7px;border-radius:11px;grid-template-columns:auto minmax(0,1fr);gap:6px}
  .arena-search-standalone label{font-size:9px}
  .arena-search-standalone .input{height:32px;min-height:32px;padding:6px 8px;font-size:10px}
  .arena-search-standalone .btn{height:32px;min-height:32px;padding:5px 9px;font-size:9.5px}
  .filter-bar{margin-top:7px;gap:6px;grid-template-columns:1fr 1fr auto}
  .filter-bar .input,.filter-bar .select{min-height:36px;height:36px;padding:6px 8px;font-size:10.5px;border-radius:10px}
  .filter-bar .btn{grid-column:auto;min-height:36px;height:36px;padding:6px 10px;font-size:10.5px;border-radius:10px;width:auto}
}

@media(max-width:390px){
  .section-hero-card{padding:11px 12px}
  .section-hero-card h1{font-size:19px}
  .section-hero-card p{font-size:9.4px}
  .mq-page-hero,.home-hero-reference.section-hero-card{min-height:108px;padding:11px 11px 9px}
  .home-hero-reference h1{font-size:19px;max-width:330px}
  .home-hero-reference p{font-size:9px}
  .home-hero-benefits>div{grid-template-columns:19px minmax(0,1fr);padding:0 4px;gap:3px}
  .home-hero-benefits span{width:19px;height:19px;min-width:19px;flex-basis:19px}
  .home-hero-benefits svg{width:11px;height:11px}
  .home-hero-benefits strong{font-size:7.5px}
  .arenas-hero h1{font-size:19px}
  .arenas-hero>div>p,.arenas-hero .arena-hero-copy>p{font-size:8.6px}
  .arena-main-button{grid-template-columns:20px minmax(0,1fr);min-height:40px;padding:5px 6px}
  .arena-main-button>span{width:20px;height:20px;font-size:13px}
  .arena-main-button strong{font-size:9.3px}
  .arena-main-button small{font-size:7px}
  .arena-search-standalone{grid-template-columns:1fr}
  .arena-search-standalone label{display:none}
  .filter-bar{grid-template-columns:1fr 1fr auto}
  .filter-bar .btn{grid-column:auto;width:auto;min-height:34px;height:34px}
}

@media(max-width:340px){
  .home-hero-reference h1{font-size:18px}
  .home-hero-reference p{font-size:8.6px}
  .home-hero-benefits>div{grid-template-columns:1fr;justify-items:start;gap:2px}
  .home-hero-benefits strong{font-size:7px}
  .arena-main-button small{display:none}
  .arena-main-button{grid-template-rows:1fr;min-height:36px}
  .arena-main-button>span{grid-row:auto}
  .filter-bar{grid-template-columns:1fr 1fr}
  .filter-bar .btn{grid-column:1/-1;width:100%}
}

/* V6.1 — Refinamento da vitrine "Horários disponíveis perto de você".
   UI somente: preserva integralmente a seleção V6.0 e mantém 3 Arenas por linha. */
.featured-arena-pages,.featured-arena-page,.featured-arena-card,.featured-arena-body{min-width:0;max-width:100%}
.featured-arena-page{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;overflow:visible}
.featured-arena-card{height:100%;overflow:hidden;border-radius:17px;display:flex;flex-direction:column}
.featured-arena-cover{height:108px;flex:0 0 auto;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 20%,var(--surface-2)),var(--surface-2))}
.featured-arena-cover img{width:100%;height:100%;object-fit:cover}
.featured-arena-cover:after{height:34%;background:linear-gradient(transparent,rgba(0,0,0,.30))}
.featured-arena-cover.no-image{display:grid;place-items:center}
.featured-arena-cover.no-image>b{font-size:31px;line-height:1;filter:saturate(.9)}
.featured-arena-body{padding:10px 10px 11px;gap:7px;display:flex;flex:1;flex-direction:column}
.featured-arena-name{font-size:13.5px;line-height:1.18;font-weight:850;min-height:32px;max-height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.featured-date-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 11%,var(--surface-2)),color-mix(in srgb,var(--primary) 4%,var(--surface)));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent)}
.featured-day-label{width:100%;font-size:9px;line-height:1.1;color:color-mix(in srgb,var(--primary) 78%,#fff);font-weight:900;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.featured-day-short{display:none}
.featured-date-label{font-size:12.5px;line-height:1.12;color:var(--text);font-weight:850;white-space:nowrap;letter-spacing:-.015em}
.featured-time{display:flex;align-items:center;gap:4px;font-size:20px;line-height:1;color:var(--hero-text);font-weight:900;letter-spacing:-.035em;white-space:nowrap}
.featured-time>span{font-size:.72em;line-height:1;color:var(--hero-text)}
.featured-sports-line{display:flex;align-items:center;gap:4px;width:100%;font-size:9px;line-height:1.2;color:var(--text-soft);white-space:nowrap;overflow:hidden}
.featured-sports-line>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.featured-sports-line>span:first-child{flex:0 0 auto;font-size:10px}
.featured-arena-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0;margin-top:1px}
.featured-price{font-size:11.5px;line-height:1.1;color:var(--primary);white-space:nowrap;min-width:0}
.featured-more-count{margin:0;font-size:8.5px;line-height:1.1;color:var(--muted);text-align:right;white-space:nowrap;min-width:0}
.featured-more-short{display:none}
.featured-more-btn{margin-top:auto;width:100%;min-height:32px;padding:6px 7px;border-radius:9px;border:1px solid color-mix(in srgb,var(--primary) 44%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--surface-2)),color-mix(in srgb,var(--primary) 7%,var(--surface)));color:var(--text);display:flex;align-items:center;justify-content:center;text-align:center;font-size:8.8px;font-weight:900;line-height:1.12;overflow:hidden}

@media(max-width:760px){
  .featured-arena-page{gap:6px}
  .featured-arena-card{border-radius:14px}
  .featured-arena-cover{height:68px}
  .featured-arena-cover.no-image>b{font-size:23px}
  .featured-arena-body{padding:6px 6px 7px;gap:4px}
  .featured-arena-name{font-size:10px;line-height:1.15;min-height:23px;max-height:23px}
  .featured-date-block{gap:1px;padding:5px 5px;border-radius:8px}
  .featured-day-label{font-size:7px;line-height:1.05;letter-spacing:.02em}
  .featured-date-label{font-size:9.4px;line-height:1.08}
  .featured-time{gap:2px;font-size:14.5px;line-height:1}
  .featured-sports-line{gap:2px;font-size:7.2px;line-height:1.1}
  .featured-sports-line>span:first-child{font-size:7.7px}
  .featured-arena-meta{gap:3px;margin-top:0}
  .featured-price{font-size:8.6px;letter-spacing:-.02em}
  .featured-more-count{font-size:6.7px}
  .featured-more-btn{min-height:26px;padding:4px 3px;border-radius:7px;font-size:6.8px;line-height:1.05}
}

/* Entre 360 e 430 px o conteúdo usa abreviações controladas, sem esconder dados essenciais. */
@media(max-width:430px){
  .featured-day-full,.featured-more-long{display:none}
  .featured-day-short,.featured-more-short{display:inline}
  .featured-day-label{font-size:6.9px}
  .featured-date-label{font-size:9.1px}
  .featured-time{font-size:14px}
  .featured-sports-line{font-size:6.9px}
  .featured-price{font-size:8.2px}
  .featured-more-count{font-size:6.5px}
}

@media(max-width:390px){
  .featured-arena-page{gap:4px}
  .featured-arena-cover{height:61px}
  .featured-arena-body{padding:5px 5px 6px;gap:3px}
  .featured-arena-name{font-size:9.3px;min-height:22px;max-height:22px}
  .featured-date-block{padding:4px 4px}
  .featured-day-label{font-size:6.5px}
  .featured-date-label{font-size:8.5px}
  .featured-time{font-size:13px}
  .featured-sports-line{font-size:6.4px}
  .featured-price{font-size:7.6px}
  .featured-more-count{font-size:6px}
  .featured-more-btn{min-height:24px;font-size:6.3px;padding:3px 2px}
}

/* Match Quadras V6.2 — Equipes procurando adversários */
.opponent-market{margin-top:18px}
.opponent-market .eyebrow,.match-detail-hero .eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--primary,#22c55e)}
.opportunity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
.opportunity-grid-market{margin-top:4px}
.home-opp-section{margin:0 0 16px;min-width:0}
.home-opp-head{align-items:flex-end}
.home-opp-rail{
  display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;
  padding:2px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
}
.home-opp-rail.mq-card-rail{display:grid;gap:var(--mq-rail-gap);padding:0 0 14px;scroll-padding-inline:0}
.home-opp-rail:focus{outline:2px solid color-mix(in srgb,var(--primary,#22c55e) 55%,transparent);outline-offset:2px}
.home-opp-rail .opportunity-card{scroll-snap-align:start}
.opportunity-card-home .opportunity-main{padding:6px 6px 8px;gap:4px}
.home-opp-empty{padding:16px}
.home-opp-more{display:flex;justify-content:center;margin:14px 0 0}
.teams-opp-teaser{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--primary,#22c55e) 22%,var(--line,#26382e));background:color-mix(in srgb,var(--primary,#22c55e) 8%,var(--surface,#0f1914))}
.teams-opp-teaser strong{display:block;font-size:14px;line-height:1.25}
.teams-opp-teaser p{margin:3px 0 0;font-size:12px;line-height:1.35;color:var(--muted,#8fa097)}
.teams-opp-teaser .btn{flex:0 0 auto}
@media(prefers-reduced-motion:reduce){
  .home-opp-rail{scroll-behavior:auto}
}
@media(max-width:1100px){
  .opportunity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teams-opp-teaser{flex-direction:column;align-items:stretch}
  .teams-opp-teaser .btn{width:100%}
  .home-opp-section{margin-bottom:12px}
}
@media(max-width:390px){
  .opportunity-grid{grid-template-columns:1fr}
}
.opportunity-card{min-width:0;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--primary,#22c55e) 18%,var(--line,#26382e));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary,#22c55e) 16%,var(--surface,#0f1914)),var(--surface,#0f1914));overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.opportunity-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;padding:12px;text-decoration:none;color:inherit}
.opportunity-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid var(--line,#26382e);font-size:22px}
.opportunity-logo img{width:100%;height:100%;object-fit:cover}
.opportunity-logo-lg{width:64px;height:64px;border-radius:18px;font-size:30px;flex:0 0 auto}
.opportunity-flag{font-size:9px;line-height:1.15;font-weight:800;letter-spacing:.04em;color:var(--primary,#22c55e)}
.opportunity-card h3{margin:0;font-size:15px;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:34px}
.opportunity-when{font-size:12px;line-height:1.2;font-weight:800;color:var(--hero-text);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:7px}
.opportunity-meta,.opportunity-level{font-size:10px;line-height:1.25;color:var(--text-soft,#d5ded8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opportunity-level{color:var(--muted,#8fa097)}
.opportunity-price{font-size:11px;font-weight:800;color:#fff}
.opportunity-action{display:grid;place-items:center;min-height:36px;padding:6px;border-top:1px solid rgba(255,255,255,.07);text-decoration:none;text-align:center;color:var(--button-text,#07110c);background:var(--primary,#22c55e);font-size:9px;line-height:1.1;font-weight:900;letter-spacing:.02em}
.opportunity-empty{grid-column:1/-1}
.match-opportunity-form [data-has-slot],.match-opportunity-form [data-needs-slot]{min-width:0}
.match-opportunity-page{margin:4px 0 0}
.match-form-kicker{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary,#22c55e)}
.match-opportunity-form.form-card{padding:10px 12px 8px;border-radius:16px;margin-top:0}
.match-opportunity-form .grid{gap:8px}
.match-opportunity-form .field{margin-bottom:0}
.match-opportunity-form .field>label{margin:0 0 4px;font-size:12px}
.match-opportunity-form .input,.match-opportunity-form .select{padding:8px 10px;min-height:40px;border-radius:12px}
.match-opportunity-form .textarea{min-height:4.1em;padding:8px 10px;line-height:1.35}
.match-opportunity-form .switch-row{padding:8px 10px;gap:8px;border-radius:12px;font-size:12.5px;line-height:1.3}
.match-opportunity-form .meta{font-size:11px}
.match-opportunity-cta{
  position:sticky;bottom:calc(56px + env(safe-area-inset-bottom, 0px));z-index:30;
  margin:6px -4px 0;padding:8px 4px 4px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0f1914) 0%,transparent),var(--surface,#0f1914) 36%);
}
.match-opportunity-cta .btn{width:100%;min-height:44px}
@media(max-width:360px){
  .match-opportunity-form .grid.grid-2{grid-template-columns:1fr 1fr;gap:6px}
  .match-opportunity-form .input,.match-opportunity-form .select{min-height:40px;font-size:14px}
}
.switch-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line,#26382e);border-radius:14px;background:rgba(255,255,255,.025);font-size:13px;line-height:1.35;color:var(--text-soft,#d5ded8)}
.switch-row input{margin-top:2px}
.match-detail-hero{margin:6px 0 10px;padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary,#22c55e) 20%,var(--line,#26382e));background:linear-gradient(145deg,color-mix(in srgb,var(--primary,#22c55e) 12%,var(--surface,#0f1914)),var(--surface,#0f1914));box-shadow:0 10px 24px rgba(0,0,0,.16)}
.match-detail-team{display:flex;align-items:center;gap:10px}
.match-detail-team h1{margin:0 0 2px;font-size:20px;line-height:1.08}
.match-detail-team p{margin:0;color:var(--muted,#8fa097);font-size:13px;line-height:1.3}
.match-time-panel{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.match-time-panel>strong{font-size:14px;line-height:1.25;font-weight:800}
.match-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.match-detail-grid>div{min-width:0;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.035)}
.match-detail-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#8fa097)}
.match-detail-grid strong{display:block;margin-top:2px;font-size:12px;line-height:1.3}
.match-detail-local{grid-column:1/-1}
.match-notes{margin:8px 0 0;color:var(--text-soft,#d5ded8);font-size:13px;line-height:1.4}
.match-status-row{margin-top:8px;justify-content:flex-start}
.match-confirmed{padding:12px}
.match-confirmed h2{margin:4px 0 6px;font-size:17px}
.offered-slot{margin-top:8px;padding:8px 9px;border-radius:10px;background:rgba(34,197,94,.09);font-size:12px;line-height:1.35;color:var(--text-soft,#d5ded8)}
.action-row{margin-top:8px;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.match-edit summary{cursor:pointer;font-weight:800;color:var(--text,#fff);padding:2px 0 12px}
.notification-sound-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:16px;border-radius:18px;border:1px solid var(--line,#26382e);background:var(--surface,#0f1914)}
.notification-sound-card strong{display:block;margin-bottom:4px}
.notification-sound-card p{margin:0;max-width:620px;color:var(--muted,#8fa097);font-size:12px;line-height:1.45}
.notification-sound-form{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.sound-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px}
.sound-toggle input{position:absolute;opacity:0;pointer-events:none}
.sound-toggle span{position:relative;width:42px;height:24px;border-radius:999px;background:#344239;transition:.2s}
.sound-toggle span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}
.sound-toggle input:checked+span{background:var(--primary,#22c55e)}
.sound-toggle input:checked+span:after{transform:translateX(18px)}
.sound-toggle b{min-width:24px}
.status-published{background:rgba(34,197,94,.12);color:#86efac}
.status-interest_received{background:rgba(250,204,21,.12);color:#fde68a}

@media(max-width:640px){
 .opportunity-grid{gap:6px}
 .opportunity-main{padding:8px;gap:4px}
 .opportunity-logo{width:34px;height:34px;border-radius:10px;font-size:18px}
 .opportunity-flag{font-size:6.8px;letter-spacing:0}
 .opportunity-card h3{font-size:10px;min-height:23px;max-height:23px}
 .opportunity-when{font-size:8px;padding:5px;border-radius:8px}
 .opportunity-meta,.opportunity-level{font-size:7px}
 .opportunity-price{font-size:8px}
 .opportunity-action{min-height:28px;padding:4px 2px;font-size:6.6px}
 .match-detail-hero{padding:10px 11px;border-radius:16px;margin:4px 0 8px}
 .match-detail-team{gap:8px}
 .match-detail-team h1{font-size:18px}
 .opportunity-logo-lg{width:48px;height:48px;border-radius:14px;font-size:22px}
 .match-time-panel{align-items:flex-start;flex-direction:column;gap:6px}
 .match-detail-grid{gap:5px}
 .notification-sound-card{align-items:flex-start;flex-direction:column}
 .notification-sound-form{width:100%;justify-content:space-between}
}
@media(max-width:390px){
 .opportunity-grid{gap:4px}
 .opportunity-main{padding:6px}
 .opportunity-logo{width:31px;height:31px}
 .opportunity-card h3{font-size:9.2px;min-height:21px;max-height:21px}
 .opportunity-when{font-size:7.3px;padding:4px}
 .opportunity-meta,.opportunity-level{font-size:6.5px}
 .opportunity-price{font-size:7.4px}
 .opportunity-action{font-size:6px;min-height:26px}
}

.alert-info{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:color-mix(in srgb,var(--primary) 34%,var(--line));color:var(--text-soft);margin-left:0;margin-right:0}
.match-domain-note{
  display:flex;align-items:flex-start;gap:6px;margin:8px 0 0;padding:0;
  font-size:11px;line-height:1.35;font-weight:500;color:var(--muted,#8fa097)
}
.match-domain-note span{flex:0 0 auto;line-height:1.3}
.create-challenge-page{margin:0}
.create-challenge-hero{padding:10px 14px 11px}
.create-challenge-hero h1{font-size:clamp(18px,5vw,24px);margin:3px 0 4px}
.create-challenge-hero p{font-size:12px;line-height:1.3}
.create-challenge-hero .mq-promo-hint{margin:4px 0 0;font-size:11px}
.create-challenge-form.form-card{padding:10px 12px 8px;border-radius:16px;margin-top:10px}
.create-challenge-form .grid{gap:8px}
.create-challenge-form .field{margin-bottom:0}
.create-challenge-form .field>label{margin:0 0 4px;font-size:12px}
.create-challenge-form .input,.create-challenge-form .select{padding:8px 10px;min-height:40px;border-radius:12px}
.create-challenge-form .textarea{min-height:3.2em;padding:8px 10px;line-height:1.35}
.create-challenge-cta{
  position:sticky;bottom:calc(56px + env(safe-area-inset-bottom, 0px));z-index:30;
  margin:6px -4px 0;padding:8px 4px 4px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0f1914) 0%,transparent),var(--surface,#0f1914) 36%);
}
.create-challenge-cta .btn{width:100%;min-height:44px}
.match-interests-section{margin-top:14px}
.match-interests-section .section-head{margin-bottom:8px}
.match-interests-section .section-title{font-size:17px}
.match-interest-list{gap:8px}
.match-interest-item{padding:10px 12px}
.match-interest-msg{margin:6px 0 0;font-size:13px;line-height:1.35}
.match-interest-actions{margin-top:8px}
.match-interest-actions form{flex:1;min-width:0}
.match-interest-actions .btn{width:100%;min-height:40px}
.match-interest-block{padding:12px}
.match-interest-block .section-title{font-size:16px;margin:0 0 8px}
.match-interest-form .field{margin-bottom:8px}
.match-interest-form .textarea{min-height:3.2em;padding:8px 10px}
.match-interest-form .btn{min-height:44px}
.match-interest-status{
  margin:0;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.35;font-weight:700;
  background:color-mix(in srgb,var(--success) 12%,var(--surface));color:color-mix(in srgb,var(--success) 78%,var(--text))
}
@media(max-width:640px){
  .create-challenge-form .grid.grid-2{grid-template-columns:1fr 1fr;gap:6px}
  .create-challenge-form .input,.create-challenge-form .select{font-size:14px}
}
.mq-promo-banner{margin:0 16px 12px;font-size:13px;font-weight:650}
.mq-promo-hint{margin:8px 0 0}

/* Match Quadras V6.4 — Refinamento da aba Equipes + identidade cromática */
.teams-market-head{align-items:center;margin-bottom:9px}
.teams-market-head .eyebrow,.all-teams-head .eyebrow{font-size:11px;font-weight:900;letter-spacing:.075em;color:var(--primary,#22c55e)}
.opponent-market{margin-top:14px}
.all-teams-section{margin-top:18px}
.all-teams-head{margin-bottom:9px}
.team-themed-card{--team-color:#16a34a;--team-on-color:#fff;--team-name-color:var(--text)}
.opportunity-card,.community-team-card{
  height:258px;min-height:258px;max-height:258px;
  border-color:color-mix(in srgb,var(--team-color) 42%,var(--line,#26382e));
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--team-color) 24%,var(--surface,#0f1914)),color-mix(in srgb,var(--team-color) 7%,var(--surface,#0f1914)) 58%,var(--surface,#0f1914));
  box-shadow:inset 0 3px 0 color-mix(in srgb,var(--team-color) 84%,transparent),0 10px 28px rgba(0,0,0,.16);
}
.opportunity-main{min-height:0;overflow:hidden}
.opportunity-logo{border-color:color-mix(in srgb,var(--team-color) 52%,var(--line,#26382e));background:color-mix(in srgb,var(--team-color) 17%,rgba(255,255,255,.05))}
.opportunity-flag{color:color-mix(in srgb,var(--team-color) 76%,#fff)}
.opportunity-when{border-color:color-mix(in srgb,var(--team-color) 26%,rgba(255,255,255,.07));background:color-mix(in srgb,var(--team-color) 12%,rgba(255,255,255,.045))}
.opportunity-price{color:color-mix(in srgb,var(--team-color) 62%,#fff)}
.opportunity-action{background:var(--team-color);color:var(--team-on-color);border-top-color:color-mix(in srgb,var(--team-color) 72%,rgba(255,255,255,.10));font-size:10px}
.opportunity-action.primary-play-action{font-size:11.5px;letter-spacing:.035em}
.community-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.community-team-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid;text-decoration:none;color:var(--text,#fff);border-radius:18px}
.community-team-main{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;overflow:hidden}
.community-team-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;font-size:24px;background:color-mix(in srgb,var(--team-color) 18%,rgba(255,255,255,.05));border:1px solid color-mix(in srgb,var(--team-color) 54%,var(--line,#26382e))}
.community-team-logo img{width:100%;height:100%;object-fit:cover}
.community-team-card h3{margin:0;font-size:15px;line-height:1.15;min-height:35px;max-height:35px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.community-team-meta{width:100%;font-size:10px;line-height:1.25;color:var(--text-soft,#d5ded8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-team-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;margin-top:auto}
.community-team-stats span{min-width:0;padding:7px 5px;border-radius:9px;background:color-mix(in srgb,var(--team-color) 10%,rgba(255,255,255,.035));border:1px solid color-mix(in srgb,var(--team-color) 22%,rgba(255,255,255,.06));font-size:8px;line-height:1.15;color:var(--muted,#8fa097);text-align:center}
.community-team-stats strong{display:block;font-size:12px;color:color-mix(in srgb,var(--team-color) 62%,#fff)}
.community-team-action{display:grid;place-items:center;min-height:36px;padding:6px;background:var(--team-color);color:var(--team-on-color);font-size:9px;font-weight:900;letter-spacing:.025em;text-align:center}
.teams-join-bar{margin-top:12px}
.team-color-field>.meta{margin-top:9px}
.team-color-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
.field .team-color-option{
  position:relative;display:grid;justify-items:center;align-content:center;gap:6px;
  padding:9px 5px;margin:0;border:1px solid var(--line);border-radius:13px;
  background:var(--surface-2);cursor:pointer;min-width:0;min-height:56px;box-sizing:border-box;
  font-size:inherit;font-weight:600;color:var(--text-soft);
}
.field .team-color-option input{position:absolute;opacity:0;pointer-events:none}
.team-color-swatch{
  display:block;width:30px;height:30px;min-width:30px;min-height:30px;
  aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;flex-shrink:0;
  background:var(--swatch);border:2px solid color-mix(in srgb,#fff 70%,transparent);
  box-shadow:0 0 0 1px rgba(0,0,0,.28);
}
.field .team-color-option small{font-size:8.5px;line-height:1.15;text-align:center;color:var(--muted);overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.field .team-color-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
.field .team-color-option:has(input:checked) small,
.field .team-color-option input:checked + .team-color-swatch + small{color:var(--text);font-weight:800}
.field .team-color-option:has(input:checked) .team-color-swatch,
.field .team-color-option input:checked + .team-color-swatch{
  border-color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 42%,transparent),0 0 0 1px rgba(0,0,0,.55);
}
.field .team-color-option input:focus-visible + .team-color-swatch{outline:2px solid var(--primary);outline-offset:2px}
.team-themed-profile{--team-color:#16a34a;--team-on-color:#fff;--team-name-color:var(--text);border-color:color-mix(in srgb,var(--team-color) 42%,var(--line));box-shadow:inset 0 3px 0 color-mix(in srgb,var(--team-color) 78%,transparent),var(--shadow)}
.team-themed-profile .team-profile-main{background:linear-gradient(145deg,color-mix(in srgb,var(--team-color) 14%,var(--surface)),var(--surface))}
.team-themed-profile .team-logo{border-color:color-mix(in srgb,var(--team-color) 62%,var(--line))}
.team-themed-mini{--team-color:#16a34a;--team-on-color:#fff;--team-name-color:var(--text);border-color:color-mix(in srgb,var(--team-color) 38%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--team-color) 14%,var(--surface)),var(--surface))}
.team-themed-mini .team-logo{border-color:color-mix(in srgb,var(--team-color) 58%,var(--line))}
.notification.unread{box-shadow:inset 3px 0 0 var(--primary)}
.notification:not(.unread){opacity:.88}

@media(max-width:760px){
  .opponent-market{margin-top:12px}
  .teams-market-head,.all-teams-head{margin-bottom:7px}
  .teams-market-head .eyebrow,.all-teams-head .eyebrow{font-size:9px;letter-spacing:.045em}
  .opportunity-grid,.community-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .opportunity-card,.community-team-card{height:218px;min-height:218px;max-height:218px;border-radius:14px}
  .opportunity-main,.community-team-main{padding:7px;gap:4px}
  .opportunity-action,.community-team-action{min-height:29px;padding:4px 2px;font-size:7.4px}
  .opportunity-action.primary-play-action{font-size:8.8px}
  .community-team-logo{width:34px;height:34px;border-radius:10px;font-size:18px}
  .community-team-card h3{font-size:10px;line-height:1.15;min-height:23px;max-height:23px}
  .community-team-meta{font-size:7px}
  .community-team-stats{gap:3px}
  .community-team-stats span{padding:4px 2px;border-radius:7px;font-size:6.2px}
  .community-team-stats strong{font-size:9px}
}
@media(max-width:480px){
  .team-color-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .field .team-color-option{padding:7px 4px;border-radius:10px;min-height:54px}
  .team-color-swatch{width:28px;height:28px;min-width:28px;min-height:28px}
  .field .team-color-option small{font-size:7.5px}
}
@media(max-width:360px){
  .team-color-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .field .team-color-option{min-height:52px;padding:7px 5px}
}
@media(max-width:430px){
  .opportunity-grid,.community-team-grid{gap:5px}
  .opportunity-card,.community-team-card{height:212px;min-height:212px;max-height:212px}
  .opportunity-action.primary-play-action{font-size:8.4px}
  .community-team-card h3{font-size:9.6px}
  .community-team-meta{font-size:6.7px}
}
@media(max-width:390px){
  .opportunity-grid,.community-team-grid{gap:4px}
  .opportunity-card,.community-team-card{height:208px;min-height:208px;max-height:208px}
  .opportunity-action.primary-play-action{font-size:8px}
  .community-team-main{padding:6px}
  .community-team-logo{width:31px;height:31px}
  .community-team-card h3{font-size:9.1px;min-height:21px;max-height:21px}
  .community-team-meta{font-size:6.4px}
  .community-team-stats span{font-size:5.8px}
  .community-team-stats strong{font-size:8.4px}
}

/* Match Quadras V6.5 — atalhos, Minhas equipes e busca na aba Equipes */
.teams-hero-card .teams-quick-actions{display:flex;flex-wrap:nowrap;gap:7px;width:100%;align-items:stretch}
.teams-quick-action{flex:1 1 0;min-width:0;padding-inline:8px!important;gap:5px!important;text-align:center;line-height:1.08;white-space:normal;overflow-wrap:anywhere}
.teams-quick-action.is-active{border-color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.25)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.teams-quick-icon{font-size:1.05em;line-height:1;flex:0 0 auto}
.teams-list-state{margin-top:4px;font-size:10px;line-height:1.3;color:var(--muted,#8fa097)}
.team-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;margin:0 0 10px}
.team-search-input{position:relative;display:block;min-width:0}
.team-search-input>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);z-index:1;color:var(--muted);font-size:15px;pointer-events:none}
.team-search-input .input{width:100%;padding-left:34px;min-height:40px;height:40px}
.team-search-submit,.team-search-clear{min-height:40px;height:40px;padding:7px 12px;font-size:11px;border-radius:11px}
.team-search-note{margin:-3px 0 10px;font-size:9px;line-height:1.35;color:var(--muted)}
.team-search-note strong{color:var(--text-soft)}
@media(max-width:760px){
 .teams-hero-card .teams-quick-actions{gap:5px}
 .teams-hero-card .teams-quick-actions .teams-quick-action{min-height:34px;padding:5px 4px!important;font-size:8.2px!important;border-radius:9px;gap:3px!important}
 .teams-quick-icon{font-size:9px}
 .teams-list-state{font-size:8px;max-width:250px}
 .team-search-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:5px;margin-bottom:8px}
 .team-search-input .input{height:34px;min-height:34px;padding:5px 8px 5px 27px;font-size:10px;border-radius:10px}
 .team-search-input>span{left:9px;font-size:12px}
 .team-search-submit,.team-search-clear{height:34px;min-height:34px;padding:5px 8px;font-size:8.5px;border-radius:9px}
 .team-search-note{font-size:7.5px;margin-top:-2px}
}
@media(max-width:390px){
 .teams-hero-card .teams-quick-actions{gap:4px}
 .teams-hero-card .teams-quick-actions .teams-quick-action{min-height:33px;padding:4px 3px!important;font-size:7.4px!important;letter-spacing:-.01em}
 .teams-quick-icon{font-size:8px}
 .team-search-bar{gap:4px}
 .team-search-submit,.team-search-clear{padding-inline:6px;font-size:8px}
}

/* Refinamento cirúrgico da aba Arenas: busca no hero, filtros compactos e uma Arena por linha. */
.arenas-hero .arena-main-actions{margin-bottom:0}
.arena-hero-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:9px;min-width:0}
.arena-hero-search-field{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;min-width:0;height:34px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 96%,var(--primary) 4%);overflow:hidden}
.arena-hero-search-field>span{display:grid;place-items:center;font-size:15px;line-height:1;color:var(--muted)}
.arena-hero-search-field .input{height:32px;min-height:32px;border:0;background:transparent;color:var(--text);padding:6px 8px 6px 0;font-size:10.5px;box-shadow:none}
.arena-hero-search-field .input::placeholder{color:var(--muted)}
.arena-hero-search .btn{height:34px;min-height:34px;padding:5px 11px;border-radius:10px;font-size:10px;white-space:nowrap}

.arena-filter-bar{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) auto;gap:6px;align-items:end;margin-top:8px;padding:5px 6px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 97%,var(--primary) 3%)}
.arena-filter-control{display:grid;gap:2px;min-width:0}
.arena-filter-control>span{font-size:7.5px;line-height:1;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--muted);padding-left:2px}
.arena-filter-control .input,.arena-filter-control .select{height:33px;min-height:33px;min-width:0;padding:5px 7px;border-radius:9px;font-size:10px}
.arena-filter-bar>.btn{height:33px;min-height:33px;padding:5px 10px;border-radius:9px;font-size:9.5px;white-space:nowrap}

.arena-list-section{margin-top:10px}
.arena-list-head{margin-bottom:7px}
.arena-list-head .section-title{font-size:15px}
.arena-list-head .section-sub{margin-top:2px;font-size:9.5px}
.arena-cards-list{display:grid;grid-template-columns:1fr;gap:9px;min-width:0}
.arena-compact-card{display:grid;grid-template-columns:176px minmax(0,1fr);align-items:stretch;min-width:0;overflow:hidden;border-radius:17px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,var(--primary) 3%),var(--surface));border-color:color-mix(in srgb,var(--primary) 24%,var(--line));box-shadow:0 14px 34px -30px #000}
.arena-compact-cover{position:relative;height:100%;min-height:148px;align-self:stretch;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 16%,var(--surface-2)),var(--surface-2));display:grid;place-items:center;overflow:hidden;font-size:38px}
.arena-compact-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.arena-compact-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px;padding:11px 12px;min-width:0;align-items:start}
.arena-compact-main{min-width:0}
.arena-compact-main h3{margin:0 0 4px;font-size:16px;line-height:1.12;font-weight:850;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.arena-compact-location,.arena-compact-sports{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.arena-compact-location{font-size:10px;color:var(--muted);margin-bottom:4px}
.arena-compact-sports{font-size:9.5px;color:color-mix(in srgb,var(--text) 82%,var(--muted))}
.arena-distance{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));font-size:8.5px;font-weight:800}
.arena-compact-when{min-width:112px;padding:8px 9px;border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--surface-2));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));display:grid;gap:1px;text-align:right;align-content:center}
.arena-compact-when small{font-size:7.5px;line-height:1.1;font-weight:850;color:var(--muted);letter-spacing:.04em}
.arena-compact-when strong{font-size:10.5px;line-height:1.15;color:var(--text)}
.arena-compact-when b{font-size:20px;line-height:1.05;color:var(--primary);letter-spacing:-.02em}
.arena-compact-when span{font-size:9.5px;line-height:1.1;font-weight:850;color:var(--text)}
.arena-compact-action{grid-column:1/-1;min-height:31px;height:31px;padding:5px 10px;border-radius:9px;font-size:9.5px;display:flex;align-items:center;justify-content:center}

.arena-slots-section{margin-top:11px}
.arena-slots-section .section-head{margin-bottom:8px}
.arena-slots-section .section-title{font-size:16px}
.arena-slots-section .section-sub{font-size:9.5px}

@media(max-width:760px){
  .arena-hero-search{margin-top:7px;gap:5px}
  .arena-hero-search-field{height:31px;grid-template-columns:21px minmax(0,1fr);border-radius:9px}
  .arena-hero-search-field>span{font-size:13px}
  .arena-hero-search-field .input{height:29px;min-height:29px;font-size:9.5px;padding:5px 6px 5px 0}
  .arena-hero-search .btn{height:31px;min-height:31px;padding:4px 9px;font-size:9px;border-radius:9px}
  .arena-filter-bar{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr) auto;gap:5px;margin-top:7px;padding:4px 5px;border-radius:10px}
  .arena-filter-control>span{font-size:6.8px}
  .arena-filter-control .input,.arena-filter-control .select{height:31px;min-height:31px;padding:4px 5px;font-size:9px;border-radius:8px}
  .arena-filter-bar>.btn{height:31px;min-height:31px;padding:4px 7px;font-size:8.5px;border-radius:8px}
  .arena-list-section{margin-top:8px}
  .arena-list-head{margin-bottom:6px}
  .arena-list-head .section-title{font-size:13px}
  .arena-list-head .section-sub{font-size:8.5px}
  .arena-cards-list{gap:7px}
  .arena-compact-card{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch;border-radius:14px}
  .arena-compact-cover{width:auto;height:100%;min-height:118px;max-height:none;align-self:stretch;font-size:27px}
  .arena-compact-body{grid-template-columns:minmax(0,1fr) 92px;gap:6px 7px;padding:7px 8px 8px}
  .arena-compact-main h3{font-size:12px;line-height:1.08;margin-bottom:3px;-webkit-line-clamp:1}
  .arena-compact-location{font-size:8px;margin-bottom:3px}
  .arena-compact-sports{font-size:7.8px}
  .arena-distance{margin-top:3px;padding:2px 5px;font-size:7px}
  .arena-compact-when{min-width:0;padding:5px 6px;border-radius:9px;gap:0}
  .arena-compact-when small{font-size:6.2px}
  .arena-compact-when strong{font-size:8px}
  .arena-compact-when b{font-size:16px}
  .arena-compact-when span{font-size:7.5px}
  .arena-compact-action{min-height:28px;height:28px;font-size:8.2px;border-radius:8px;padding:4px 7px}
  .arena-slots-section{margin-top:9px}
}

@media(max-width:390px){
  .arena-filter-bar{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) auto;gap:4px}
  .arena-filter-control .input,.arena-filter-control .select{font-size:8.4px;padding-left:4px;padding-right:4px}
  .arena-filter-bar>.btn{padding-left:6px;padding-right:6px;font-size:8px}
  .arena-compact-card{grid-template-columns:104px minmax(0,1fr)}
  .arena-compact-cover{min-height:104px}
  .arena-compact-body{grid-template-columns:minmax(0,1fr) 86px;padding:6px 7px 7px;gap:5px 6px}
  .arena-compact-main h3{font-size:11.3px}
  .arena-compact-location{font-size:7.5px}
  .arena-compact-sports{font-size:7.2px}
  .arena-compact-when{padding:4px 5px}
  .arena-compact-when b{font-size:15px}
  .arena-compact-action{height:27px;min-height:27px;font-size:7.8px}
}

@media(min-width:761px){
  .arena-cards-list{gap:10px}
  .arena-compact-card{max-width:100%}
}

/* Identificação dinâmica do usuário autenticado no cabeçalho. */
.top-user-identity{display:flex;align-items:center;gap:7px;min-width:0;color:inherit;text-decoration:none}
.top-user-copy{display:grid;min-width:0;max-width:128px;text-align:right;line-height:1.05}
.top-user-copy strong,.top-user-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-user-copy strong{font-size:11px;font-weight:800;color:var(--text)}
.top-user-copy small{margin-top:1px;font-size:8px;font-weight:700;color:var(--muted)}
.top-user-identity .avatar{width:40px;height:40px}
@media(max-width:620px){.top-user-copy{max-width:95px}.top-user-copy strong{font-size:10px}.top-user-copy small{font-size:7.2px}.top-user-identity{gap:5px}.top-user-identity .avatar{width:36px;height:36px}.top-actions{gap:6px}}
@media(max-width:390px){.top-user-copy{max-width:78px}.top-user-copy strong{font-size:9px}.top-user-copy small{font-size:6.7px}.top-user-identity .avatar{width:34px;height:34px}.top-actions{gap:5px}}

/* UGC / compliance */
.legal-links,.legal-links-card{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:18px;align-items:center}
.legal-links a,.legal-links-card a{font-size:12.5px;font-weight:700;color:var(--muted)}
.ugc-terms-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px;margin:0 0 16px;box-shadow:var(--shadow-sm)}
.ugc-terms-card strong{display:block;font-size:16px;margin-bottom:8px}
.ugc-terms-card p{margin:0 0 12px;color:var(--text-soft);line-height:1.5}
.ugc-accept-form{display:grid;gap:12px}
.ugc-accept-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:650;line-height:1.4}
.ugc-accept-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.post-head-copy{flex:1;min-width:0}
.ugc-menu{margin-left:auto;position:relative;flex:0 0 auto}
.ugc-menu-btn{list-style:none;cursor:pointer;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;font-size:18px;line-height:1;color:var(--text)}
.ugc-menu-btn::-webkit-details-marker{display:none}
.ugc-menu-btn::marker{content:''}
.ugc-menu-list{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:var(--shadow-lg);z-index:20;display:grid}
.ugc-menu-item,.ugc-menu-form .ugc-menu-item{width:100%;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;font-weight:650;font-size:13.5px;padding:11px 12px;border-radius:12px;cursor:pointer}
.ugc-menu-item:hover,.ugc-menu-form .ugc-menu-item:hover{background:var(--surface-2)}
.ugc-menu-form{margin:0}
.comment{display:flex;align-items:flex-start;gap:8px}
.comment-body{flex:1;min-width:0}
.ugc-comment-gate{margin:10px 0 0;font-size:13px;color:var(--muted)}
.ugc-blocked-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.legal-ban-list{margin:8px 0 16px;padding-left:20px}
.legal-ban-list li{margin:6px 0;font-weight:650}
.ugc-snapshot{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;font-size:13px;color:var(--text-soft)}
.ugc-report-list{display:grid;gap:14px}
.ugc-report-card .row{gap:8px;flex-wrap:wrap;margin-bottom:8px}
.admin-nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center}
@media(max-width:620px){
  .ugc-menu-list{position:fixed;left:12px;right:12px;top:auto;bottom:calc(62px + env(safe-area-inset-bottom, 0px));min-width:0}
  .ugc-blocked-row{align-items:stretch}
}

@media(max-width:620px){.top-user-copy{max-width:95px}.top-user-copy strong{font-size:10px}.top-user-copy small{font-size:7.2px}.top-user-identity{gap:5px}.top-user-identity .avatar{width:36px;height:36px}.top-actions{gap:6px}}
@media(max-width:390px){.top-user-copy{max-width:78px}.top-user-copy strong{font-size:9px}.top-user-copy small{font-size:6.7px}.top-user-identity .avatar{width:34px;height:34px}.top-actions{gap:5px}}

/* V6.12 — rails de 4 cards só em oportunidades e diretório de equipes.
   Horários da Home permanecem no layout aprovado (3 cards / página). */
body{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))}
.app-shell,main{overflow-x:clip;max-width:100%}
main{padding-bottom:18px}
.home-opp-rail.mq-card-rail,.community-team-rail.mq-card-rail{
  --mq-rail-gap:8px;
  --mq-rail-cols:4;
  display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--mq-rail-cols) - 1) * var(--mq-rail-gap)) / var(--mq-rail-cols));
  gap:var(--mq-rail-gap);align-items:stretch;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-inline:0;
  padding:0 0 14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
  min-width:0;max-width:100%;width:100%;
}
.home-opp-rail.mq-card-rail:focus,.community-team-rail.mq-card-rail:focus{
  outline:2px solid color-mix(in srgb,var(--primary,#22c55e) 55%,transparent);outline-offset:2px
}
.home-opp-rail.mq-card-rail > .mq-compact-card,
.community-team-rail.mq-card-rail > .mq-compact-card{
  min-width:0;max-width:none;width:auto;flex:none;
  scroll-snap-align:start;scroll-snap-stop:always;
}
.home-opp-rail .mq-compact-card,.community-team-rail .mq-compact-card,.opportunity-card.mq-compact-card{
  height:auto!important;min-height:0!important;max-height:none!important;
  display:flex;flex-direction:column;overflow:hidden;border-radius:14px;box-sizing:border-box;
}
.home-opp-rail .mq-compact-card-main,.community-team-rail .mq-compact-card-main{
  display:flex;flex:1;min-width:0;max-width:100%;flex-direction:column;align-items:flex-start;
  gap:5px;padding:9px;text-decoration:none;color:inherit;overflow:hidden;
}
.home-opp-rail .mq-compact-thumb,.community-team-rail .mq-compact-thumb{
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  overflow:hidden;flex:0 0 auto;font-size:18px;line-height:1;
}
.home-opp-rail h3,.community-team-rail h3{
  margin:0;width:100%;max-width:100%;font-size:13px;line-height:1.2;font-weight:800;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;min-height:0;max-height:none;overflow-wrap:anywhere;word-break:break-word;
}
.home-opp-rail .opportunity-when{
  width:100%;max-width:100%;font-size:11px;line-height:1.25;font-weight:800;
  padding:0;overflow:visible;white-space:normal;
}
.home-opp-rail .opportunity-meta,.community-team-rail .community-team-meta{
  width:100%;max-width:100%;font-size:10.5px;line-height:1.3;
}
.community-team-rail .community-team-meta{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.home-opp-rail .mq-compact-cta,.community-team-rail .mq-compact-cta,.community-team-rail .community-team-action{
  display:grid;place-items:center;width:100%;max-width:100%;box-sizing:border-box;
  min-height:36px;padding:7px 5px;text-align:center;text-decoration:none;
  font-size:10.5px;line-height:1.2;font-weight:900;letter-spacing:.02em;
  white-space:normal;overflow-wrap:anywhere;word-break:break-word;
}
.community-team-rail .community-team-logo{width:36px;height:36px;border-radius:10px;font-size:18px}
.community-team-rail .community-team-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin-top:auto}
.community-team-rail .community-team-stats span{padding:5px 4px;font-size:9px}
.community-team-rail .community-team-stats strong{font-size:12px}
@media(prefers-reduced-motion:reduce){.home-opp-rail.mq-card-rail,.community-team-rail.mq-card-rail{scroll-behavior:auto}}
@media(max-width:720px){
  .home-opp-rail.mq-card-rail,.community-team-rail.mq-card-rail{--mq-rail-gap:6px}
  .home-opp-rail .mq-compact-card-main,.community-team-rail .mq-compact-card-main{padding:8px 7px;gap:4px}
  .home-opp-rail .opportunity-card .mq-compact-card-main{padding:6px 5px 7px;gap:3px}
  .home-opp-rail .mq-compact-thumb,.community-team-rail .community-team-logo,.community-team-rail .mq-compact-thumb{width:32px;height:32px;font-size:16px}
  .home-opp-rail h3,.community-team-rail h3{font-size:11.5px}
  .home-opp-rail .opportunity-when{font-size:10px;padding:0}
  .home-opp-rail .opportunity-meta,.community-team-rail .community-team-meta{font-size:10px}
  .home-opp-rail .mq-compact-cta,.community-team-rail .mq-compact-cta,.community-team-rail .community-team-action{min-height:36px;font-size:10px}
  .home-opp-rail .opportunity-action.primary-play-action{font-size:10.5px}
}
@media(max-width:430px){
  .home-opp-rail.mq-card-rail,.community-team-rail.mq-card-rail{--mq-rail-gap:5px}
  .home-opp-rail h3,.community-team-rail h3{font-size:10.5px}
  .home-opp-rail .opportunity-when{font-size:9.5px}
  .home-opp-rail .opportunity-meta,.community-team-rail .community-team-meta{font-size:9.5px}
  .home-opp-rail .mq-compact-cta,.community-team-rail .mq-compact-cta{font-size:9.5px;min-height:36px}
}

/* Oportunidades: 5 linhas verticais. Não alterar featured-arena-* nem community-team-*. */
.opportunity-card .opportunity-main,
.opportunity-card .mq-compact-card-main,
.home-opp-rail .opportunity-card .mq-compact-card-main{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:3px;padding:6px 5px 5px;min-width:0;max-width:100%;
}
.opportunity-card .opportunity-logo,
.opportunity-card .mq-compact-thumb,
.home-opp-rail .opportunity-card .mq-compact-thumb{
  width:36px;height:36px;flex:0 0 36px;margin:0 auto;padding:0;
  border:0;outline:0;box-shadow:none;background:transparent;border-radius:0;
  overflow:hidden;font-size:20px;line-height:1;
}
.opportunity-card .opportunity-logo img,
.home-opp-rail .opportunity-card .mq-compact-thumb img{
  width:100%;height:100%;object-fit:cover;border-radius:7px;display:block;background:transparent;
}
.opportunity-card h3,
.home-opp-rail .opportunity-card h3{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  width:100%;max-width:100%;margin:0;padding:0;text-align:center;
  min-height:2.4em;max-height:2.4em;font-size:12.5px;line-height:1.2;font-weight:800;
  overflow:hidden;overflow-wrap:break-word;word-break:normal;
}
.opportunity-card .opportunity-when,
.home-opp-rail .opportunity-card .opportunity-when{
  display:block;width:100%;max-width:100%;margin:0;padding:0;text-align:center;
  border:0;outline:0;box-shadow:none;background:transparent;border-radius:0;
  white-space:normal;overflow:visible;text-overflow:unset;
  font-size:10.5px;line-height:1.25;font-weight:800;color:var(--hero-text);
}
.opportunity-card .opportunity-meta,
.home-opp-rail .opportunity-card .opportunity-meta{
  margin:0;padding:0;border:0;background:transparent;box-shadow:none;text-align:center;
  white-space:normal;overflow:visible;text-overflow:clip;
  display:block;width:100%;max-width:100%;
  font-size:10.5px;line-height:1.25;overflow-wrap:break-word;word-break:break-word;
}
.opportunity-card .opportunity-sport{
  min-height:1.25em;max-height:2.5em;overflow:hidden;
}
.opportunity-card .opportunity-place,
.home-opp-rail .opportunity-card .opportunity-place{
  display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;
  white-space:normal;overflow:hidden;text-overflow:clip;
  width:100%;max-width:100%;box-sizing:border-box;
  min-height:2.5em;max-height:2.5em;line-height:1.25;
  overflow-wrap:break-word;word-break:break-word;
}
.opportunity-card .opportunity-action,
.opportunity-card .mq-compact-cta{
  min-height:36px;padding:7px 5px;margin-top:auto;
}
@media(max-width:760px){
  .opportunity-card .opportunity-action,
  .opportunity-card .mq-compact-cta{min-height:36px;font-size:10px;padding:7px 5px}
  .opportunity-card .opportunity-action.primary-play-action{font-size:10.5px}
}
@media(max-width:720px){
  .opportunity-card .opportunity-logo,
  .opportunity-card .mq-compact-thumb,
  .home-opp-rail .opportunity-card .mq-compact-thumb{
    width:34px;height:34px;flex-basis:34px;font-size:18px;
  }
  .opportunity-card h3,.home-opp-rail .opportunity-card h3{font-size:11.5px}
  .opportunity-card .opportunity-when,.home-opp-rail .opportunity-card .opportunity-when{font-size:10px}
  .opportunity-card .opportunity-meta{font-size:10px}
  .opportunity-card .opportunity-place,.home-opp-rail .opportunity-card .opportunity-place{font-size:9.5px}
}
@media(max-width:430px){
  .opportunity-card .opportunity-logo,
  .opportunity-card .mq-compact-thumb,
  .home-opp-rail .opportunity-card .mq-compact-thumb{
    width:32px;height:32px;flex-basis:32px;font-size:17px;
  }
  .opportunity-card h3,.home-opp-rail .opportunity-card h3{font-size:10.5px}
  .opportunity-card .opportunity-when,.home-opp-rail .opportunity-card .opportunity-when{font-size:9.5px}
  .opportunity-card .opportunity-place,.home-opp-rail .opportunity-card .opportunity-place{font-size:9px}
}

/* Aba Equipes / Todas as equipes: compactação interna sem afetar a Home. */
.community-team-rail .community-team-main,
.community-team-rail .mq-compact-card-main{
  gap:4px;padding:6px 6px 8px;
}
.community-team-rail .community-team-header{
  display:flex;align-items:center;gap:6px;width:100%;min-width:0;
}
.community-team-rail .community-team-header h3,
.community-team-rail h3{
  flex:1 1 auto;width:auto;min-width:0;margin:0;
  min-height:0;max-height:none;
  font-size:13px;line-height:1.2;font-weight:800;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;overflow-wrap:break-word;word-break:normal;
}
.community-team-rail .community-team-header .community-team-logo,
.community-team-rail .community-team-header .mq-compact-thumb{
  width:30px;height:30px;flex:0 0 30px;margin:0;padding:0;
  border:0;outline:0;box-shadow:none;background:transparent;border-radius:0;
  overflow:hidden;font-size:16px;line-height:1;
}
.community-team-rail .community-team-header .community-team-logo img,
.community-team-rail .community-team-header .mq-compact-thumb img{
  width:100%;height:100%;object-fit:cover;border-radius:5px;display:block;background:transparent;
}
.community-team-rail .community-team-meta{
  width:100%;max-width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;
  white-space:normal;overflow:hidden;text-overflow:unset;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  font-size:10.5px;line-height:1.25;overflow-wrap:break-word;word-break:normal;
}
.community-team-rail .community-team-place{-webkit-line-clamp:2}
.community-team-rail .community-team-action,
.community-team-rail .mq-compact-cta{
  min-height:36px;padding:7px 5px;font-size:10.5px;
}
@media(max-width:720px){
  .community-team-rail .community-team-main,
  .community-team-rail .mq-compact-card-main{padding:6px 5px 7px;gap:3px}
  .community-team-rail .community-team-header .community-team-logo,
  .community-team-rail .community-team-header .mq-compact-thumb{
    width:28px;height:28px;flex:0 0 28px;font-size:15px;
  }
  .community-team-rail .community-team-header h3,
  .community-team-rail h3{font-size:12px}
  .community-team-rail .community-team-meta{font-size:10px}
}
@media(max-width:430px){
  .community-team-rail .community-team-header .community-team-logo,
  .community-team-rail .community-team-header .mq-compact-thumb{
    width:26px;height:26px;flex:0 0 26px;font-size:14px;
  }
  .community-team-rail .community-team-header h3,
  .community-team-rail h3{font-size:11px}
  .community-team-rail .community-team-meta{font-size:10px}
}

.public-arena-board{display:grid;gap:12px;max-width:720px;margin-left:auto;margin-right:auto}
.public-arena-back{display:inline-flex;margin-bottom:2px;font-size:12px;font-weight:800}
.public-arena-identity{display:grid;gap:10px;padding:0 0 8px}
.public-arena-cover{width:100%;height:168px;border-radius:18px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-size:42px}
.public-arena-cover img{width:100%;height:100%;object-fit:cover;display:block}
.public-arena-copy h2{margin:0;font-size:22px;line-height:1.15}
.public-arena-sports,.public-arena-place{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:700}
.public-arena-gallery{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.public-arena-gallery img{width:72px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--line);flex:0 0 auto}
.public-date-strip{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;align-items:center}
.public-date-nav{display:grid;place-items:center;height:52px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:22px;font-weight:800}
.public-date-nav.is-disabled{opacity:.35}
.public-date-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0}
.public-date-cell{display:grid;justify-items:center;gap:2px;min-height:52px;padding:6px 2px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);text-decoration:none;color:var(--text)}
.public-date-cell b{font-size:10px;letter-spacing:.04em;color:var(--muted)}
.public-date-cell span{font-size:16px;font-weight:800;line-height:1}
.public-date-cell.is-selected{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#e7f36a 28%,var(--surface)),color-mix(in srgb,var(--primary) 22%,var(--surface)));color:#10210f}
.public-date-cell.is-selected b{color:#1a2e14}
.public-board-team{display:grid;gap:4px;font-size:11px;font-weight:800;color:var(--muted)}
.public-board-team .select{min-height:40px}
.public-court-name{margin:8px 0 6px;font-size:14px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.public-court-name small{color:var(--muted);font-size:11px;font-weight:700}
.public-slot-list{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
a.public-slot-row,div.public-slot-row,.public-slot-hit{display:grid;grid-template-columns:52px minmax(72px,1fr) 52px minmax(78px,auto);gap:6px;align-items:center;width:100%;min-height:46px;padding:0 10px;margin:0;border:0;background:transparent;color:var(--text);text-align:left;text-decoration:none;font:inherit}
.public-slot-row{margin:0;border:0;border-bottom:1px solid var(--line);background:transparent}
form.public-slot-row{display:block;padding:0}
.public-slot-hit{cursor:pointer}
.public-slot-list .public-slot-row:last-child{border-bottom:0}
.public-slot-time{font-size:16px;font-weight:800;letter-spacing:-.03em}
.public-slot-status{font-size:12px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-slot-nobre{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 6px;border-radius:999px;font-size:8.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#12210f;background:linear-gradient(180deg,#e7f36a,#9adf63)}
.public-slot-nobre.is-empty{background:transparent;min-height:0;padding:0}
.public-slot-price{font-size:13px;font-weight:800;text-align:right;white-space:nowrap}
.public-slot-row.is-available.is-bookable{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.public-slot-row.is-available.is-bookable:hover,.public-slot-row.is-available.is-bookable:focus-within{background:color-mix(in srgb,var(--primary) 18%,var(--surface))}
.public-slot-row.is-occupied,.public-slot-row.is-blocked{opacity:.58;pointer-events:none}
.public-slot-empty{border:0;border-radius:0;padding:14px}
@media(max-width:430px){
  .public-arena-cover{height:140px;border-radius:14px}
  .public-arena-copy h2{font-size:18px}
  .public-date-cell{min-height:48px;padding:5px 1px;border-radius:10px}
  .public-date-cell b{font-size:9px}
  .public-date-cell span{font-size:14px}
  a.public-slot-row,div.public-slot-row,.public-slot-hit{grid-template-columns:46px minmax(64px,1fr) 44px minmax(70px,auto);gap:4px;padding:0 8px;min-height:44px}
  .public-slot-time{font-size:15px}
  .public-slot-status{font-size:11px}
  .public-slot-nobre{font-size:8px;padding:2px 5px}
  .public-slot-price{font-size:12px}
}

/* Login compacto no mobile — desktop permanece o visual atual */
.login-social-stack{display:grid;gap:10px}
body.is-login-page .top-actions .btn.btn-primary{display:none}
@media(max-width:640px){
  body.is-login-page .topbar{padding:4px 12px}
  body.is-login-page .brand-logo{width:34px;height:34px;border-radius:11px}
  body.is-login-page .brand-name{font-size:14px}
  body.is-login-page .brand-tagline{display:none}
  body.is-login-page main{padding:8px 12px 16px}
  body.is-login-page .auth-wrap{min-height:0;align-items:start;place-items:start;padding:0}
  body.is-login-page .login-hero{padding:12px 14px;margin-bottom:8px;border-radius:16px;min-height:0}
  body.is-login-page .login-hero .hero-kicker{font-size:9px;letter-spacing:.12em}
  body.is-login-page .login-hero h1{font-size:20px;line-height:1.12;margin:4px 0 6px;max-width:none}
  body.is-login-page .login-hero p{font-size:12.5px;line-height:1.35}
  body.is-login-page .login-google-panel{padding:8px 10px;border-radius:16px}
  body.is-login-page .login-method-kicker{margin:0 0 6px 2px;font-size:9px}
  body.is-login-page .google-login-primary{min-height:48px;padding:8px 10px}
  body.is-login-page .google-login-copy{gap:1px}
  body.is-login-page .login-security-note{margin:6px 2px 0;font-size:10px;line-height:1.3}
  body.is-login-page .auth-divider-login{margin:8px 0}
  body.is-login-page .auth-email-card{padding:12px}
  body.is-login-page .auth-email-card .field{margin-bottom:10px}
  body.is-login-page .auth-email-card .field label{margin:0 0 4px}
  body.is-login-page .auth-email-card .input{min-height:44px;padding:11px 12px;font-size:16px;box-sizing:border-box}
  body.is-login-page .login-submit-btn{min-height:48px}
  body.is-login-page .login-register-cta{margin-top:12px}
}
@media(max-width:400px),(max-height:700px) and (max-width:640px){
  body.is-login-page .login-hero{padding:10px 12px;margin-bottom:6px}
  body.is-login-page .login-hero h1{font-size:18px;margin:3px 0 4px}
  body.is-login-page .login-hero p{font-size:12px;line-height:1.3}
  body.is-login-page .login-method-kicker{display:none}
  body.is-login-page .login-security-note{margin-top:4px}
  body.is-login-page .auth-divider-login{margin:6px 0}
  body.is-login-page .auth-email-card{padding:10px}
  body.is-login-page .auth-email-card .field{margin-bottom:8px}
}
.public-cancel-policy-link{margin:8px 0 4px;font-size:12px;font-weight:800;line-height:1.3}
.public-cancel-policy-link a{color:var(--text-soft);text-decoration:underline;text-underline-offset:2px}
.mq-confirm-policy{margin:8px 0 0;font-size:12px;font-weight:800}
.mq-confirm-policy a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}
.mq-confirm-pix{margin:12px 0 0;padding:12px;border:1px solid var(--line);border-radius:14px;display:grid;gap:8px}
.mq-confirm-pix legend{padding:0;font-size:13px;font-weight:800}
.mq-confirm-pix label{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:700}
.mq-confirm-pix .meta{margin:0;font-size:12px;line-height:1.4}
.mq-pix-pay-box{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2,#16241c)}
.mq-pix-pay-box p{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:13px}
.mq-pix-pay-box span{color:var(--muted)}
.mq-cancel-form{margin-top:12px;display:grid;gap:8px}
.mq-reservation-card-link{display:block;color:inherit;text-decoration:none}
.mq-cancel-summary{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.mq-cancel-summary h3{margin:0 0 8px;font-size:15px}
.mq-cancel-summary p{margin:0 0 6px}

/* ============================================================
   Dark Sport Premium — aparencia global via tokens Master
   Sem geometria: nao altera width/height/grid/nav position.
   ============================================================ */
.btn-primary{
  background:var(--primary);
  color:var(--button-text);
  box-shadow:0 10px 22px -14px color-mix(in srgb,var(--primary) 55%,transparent);
}
.hero .btn-primary{background:var(--primary);color:var(--button-text)}
.topbar .btn-primary{
  background:color-mix(in srgb,var(--primary) 16%,var(--surface-2));
  color:var(--text);
  border:1px solid var(--primary);
  box-shadow:none;
}
.topbar .btn-primary:hover{background:var(--mq-primary-soft);color:var(--text)}
.section-title{color:var(--text)}
.link{color:var(--primary)}
.empty{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:var(--line);color:var(--muted)}
.featured-arena-card{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:none;
}
.featured-arena-cover{background:var(--surface-2)}
.featured-date-block{
  background:var(--surface-2);
  border-color:var(--line);
  box-shadow:none;
}
.featured-day-label{color:var(--muted)}
.featured-date-label{color:var(--text-soft)}
.featured-time,.featured-time>span{color:var(--hero-text)}
.featured-price{color:var(--text)}
.featured-more-count{color:var(--muted)}
.featured-more-btn{
  background:transparent;
  border-color:var(--primary);
  color:var(--text);
}
.featured-more-btn span{color:var(--primary)}
.featured-more-btn:hover,.featured-more-btn:active{background:var(--mq-primary-soft);color:var(--text)}
.opportunity-card,.community-team-card{
  background:var(--surface);
  border-color:color-mix(in srgb,var(--team-color,var(--primary)) 38%,var(--line));
  box-shadow:inset 0 -3px 0 var(--team-color,var(--primary));
}
.opportunity-action{
  background:transparent;
  color:var(--text);
  border-top-color:var(--line);
}
.opportunity-action.primary-play-action{color:var(--primary);background:transparent}
.community-team-action{background:transparent;color:var(--primary);border-top-color:var(--line)}
.home-shortcuts-reference .home-shortcut{
  background:var(--surface);
  box-shadow:none;
}
.home-shortcuts-reference .home-shortcut-icon{
  background:var(--mq-primary-soft);
  box-shadow:none;
  color:var(--primary);
}
.slot-card{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:none;
}
.slot-card .slot-date{color:var(--muted)}
.slot-card strong{color:var(--primary)}
.composer,.card.post{background:var(--surface);border-color:var(--line)}
.bottom-nav{
  background:color-mix(in srgb,var(--nav-bg) 94%,transparent);
  border-color:var(--line);
}
.nav-item{color:var(--nav-text)}
.nav-item.active{color:var(--nav-active-text)}
.nav-item:hover{color:var(--text)}
.nav-item.active:hover{color:var(--nav-active-text)}
.brand-name{color:var(--text)}
.brand-tagline{color:var(--muted)}

/* Home exclusivo: destaque da frase do hero */
.mq-home-hero-accent{color:var(--primary);font-weight:800}
body.is-home-page .home-hero.mq-hero-photo>.home-hero-overlay{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 18%,transparent) 0%,color-mix(in srgb,var(--bg) 72%,transparent) 100%),
    linear-gradient(90deg,color-mix(in srgb,var(--bg) 40%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));
}

/* Semântica: Texto dos destaques + nome da equipe (somente cor) */
.home-hero-benefits strong{color:var(--hero-text)}
.featured-time,.featured-time>span{color:var(--hero-text)}
.opportunity-when,
.opportunity-card .opportunity-when,
.home-opp-rail .opportunity-card .opportunity-when,
.home-opp-rail .opportunity-when{color:var(--hero-text)}
.match-time-panel>strong{color:var(--hero-text)}
.team-themed-card h3,
.community-team-card h3,
.home-opp-rail .opportunity-card h3,
.team-themed-profile h1,
.team-themed-mini strong,
.team-themed-name,
.versus .team-themed-name small,
.match-detail-hero.team-named h1{color:var(--team-name-color,var(--text))}

.mq-invite-landing{display:grid;gap:12px;padding:8px 0 24px}
.mq-invite-landing h1{margin:0;font-size:clamp(26px,7vw,36px);line-height:1.15}
.mq-invite-landing p{margin:0;color:var(--text-soft);line-height:1.55}
.mq-invite-team-logo{margin:4px 0}
.mq-invite-panel{display:grid;gap:14px;max-width:520px}
.mq-invite-actions{display:grid;gap:10px}
.mq-invite-link-box{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.mq-invite-link-box code{font-size:12px;word-break:break-all;color:var(--text-soft)}
.mq-invite-copy-status{margin:0;color:var(--success);font-weight:700}
.mq-team-games{padding:4px 0 28px}
.mq-team-games-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.mq-team-games-sidebar,.mq-team-games-content{min-width:0}
.mq-team-games-toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.mq-team-games-sidebar{display:grid;gap:14px;align-content:start;position:fixed;z-index:39;top:0;bottom:0;left:0;width:min(280px,86vw);margin:0;padding:16px 12px calc(92px + env(safe-area-inset-bottom,0px));overflow:auto;background:var(--surface);border-right:1px solid var(--line);box-shadow:var(--shadow-lg);transform:translateX(-105%);transition:transform .25s ease}
.mq-team-games-toggle:checked ~ .mq-team-games-layout .mq-team-games-sidebar{transform:translateX(0)}
.mq-team-games-backdrop{display:none;position:fixed;inset:0;z-index:34;background:rgba(10,26,20,.45)}
.mq-team-games-toggle:checked ~ .mq-team-games-layout .mq-team-games-backdrop{display:block}
.mq-team-games-bar{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 8px}
.mq-team-games-bar .section-title{margin:0}
.mq-team-games-menu{flex:none;cursor:pointer}
.mq-team-games-menu-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mq-team-games-sidebar-header{display:grid;gap:8px}
.mq-team-games-kicker{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mq-team-games-brand{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.mq-team-games-brand strong{display:block;font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.mq-team-games-switch{display:flex;flex-wrap:wrap;gap:6px}
.mq-team-games-switch-link{min-height:36px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-soft);text-decoration:none;font-size:13px;font-weight:700}
.mq-team-games-switch-link.is-active{border-color:var(--primary);color:var(--text);background:var(--mq-primary-soft)}
.mq-team-games-nav{display:grid;gap:12px}
.mq-team-games-nav-section{display:grid;gap:4px}
.mq-team-games-nav-title{margin:0;color:var(--text);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mq-team-games-nav-link{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:12px;color:var(--text-soft);font-size:14px;font-weight:700;text-decoration:none}
.mq-team-games-nav-link:hover{background:var(--surface-2);color:var(--text)}
.mq-team-games-nav-link.is-active{color:var(--text);background:var(--mq-primary-soft);box-shadow:inset 3px 0 0 var(--primary)}
@media (max-width:899px){
  .mq-team-games-content > .mq-team-overview > h1.section-title:first-child,
  .mq-team-games-content > .mq-game-list > h1.section-title:first-child{display:none}
}
.mq-team-games-label{margin:6px 0 0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}
.mq-team-games-links{display:grid;gap:8px}
.mq-team-games-links a{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;font-weight:700;font-size:14px}
@media (min-width:900px){
  .mq-team-games-layout{grid-template-columns:220px minmax(0,1fr)}
  .mq-team-games .mq-team-games-sidebar,
  .mq-team-games .mq-team-games-toggle:checked ~ .mq-team-games-layout .mq-team-games-sidebar{position:static;z-index:auto;width:auto;height:auto;transform:none;overflow:visible;padding:14px 12px;border:1px solid var(--line);border-radius:18px;box-shadow:none}
  .mq-team-games .mq-team-games-bar,
  .mq-team-games .mq-team-games-backdrop,
  .mq-team-games .mq-team-games-toggle:checked ~ .mq-team-games-layout .mq-team-games-backdrop{display:none}
}
.mq-team-presentation{min-width:0}
.mq-team-presentation-title{margin:0;color:var(--text);font-size:16px;font-weight:800}
.mq-team-presentation-text{margin:0;color:var(--text);font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.mq-team-presentation-edit{justify-self:start;width:auto}
.mq-team-overview{display:grid;gap:12px;min-width:0}
.mq-overview-kicker{margin:0;color:var(--text);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mq-team-games .mq-overview-clock{color:var(--text);font-size:22px;font-weight:800;letter-spacing:0;text-transform:none}
.mq-overview-score{margin:0;color:var(--text);font-weight:700;line-height:1.35}
.mq-overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mq-overview-metric{display:grid;gap:2px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.mq-overview-metric span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.mq-overview-metric strong{color:var(--text);font-size:20px}
.mq-overview-line{display:grid;gap:2px;padding:8px 0;border-top:1px solid var(--line)}
.mq-overview-line strong{color:var(--text);font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.mq-overview-line span{color:var(--text-soft)}
.mq-result-sheet{display:grid}
.mq-result-game{border-top:1px solid var(--line-strong)}
.mq-result-game:first-child{border-top:0}
.mq-result-game summary{display:grid;grid-template-columns:68px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:10px 0;cursor:pointer;list-style:none}
.mq-result-game summary::-webkit-details-marker{display:none}
.mq-result-game summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.mq-result-when{display:grid;gap:2px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.2}
.mq-result-sides{display:grid;gap:4px;min-width:0}
.mq-result-row{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:8px;align-items:center;color:var(--text);font-size:14px}
.mq-result-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mq-result-row strong{text-align:right;font-variant-numeric:tabular-nums}
.mq-result-row.is-own span{font-weight:800}
.mq-result-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:4px;color:#fff;font-size:12px;font-weight:800}
.mq-result-win{background:#16a34a}
.mq-result-loss{background:#dc2626}
.mq-result-draw{background:#eab308;color:#1c1404}
.mq-result-scorers{display:grid;gap:2px;padding:0 0 10px 78px}
.mq-result-scorers-team{margin:6px 0 0;color:var(--text);font-size:12px;font-weight:800}
.mq-result-scorer{margin:0;color:var(--text-soft);font-size:13px}
.mq-result-scorer span{color:var(--muted)}
.mq-scorer-rank{display:grid}
.mq-scorer-rank .mq-result-row{grid-template-columns:minmax(0,1fr) auto;padding:8px 0;border-top:1px solid var(--line-strong)}
.mq-scorer-rank .mq-result-row:first-child{border-top:0;padding-top:0}
.mq-team-overview .mq-team-games-nav-link{padding-left:0;padding-right:0}
@media (min-width:700px){
  .mq-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.mq-team-games-note{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.mq-game-list{display:grid;gap:10px}
.mq-game-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.mq-game-when{display:grid;gap:2px}
.mq-game-when strong{font-size:15px;letter-spacing:.02em;text-transform:uppercase}
.mq-game-when span{color:var(--text-soft);font-weight:800}
.mq-team-games .mq-overview-next .mq-game-when strong{font-size:22px}
.mq-team-games .mq-overview-clock{color:var(--text);font-size:22px;font-weight:800;letter-spacing:0;text-transform:none}
.mq-game-sides{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.mq-game-sides strong{font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.mq-game-sides strong:last-child{text-align:right}
.mq-game-x{color:var(--muted);font-weight:800}
.mq-game-place,.mq-game-meta{margin:0;color:var(--muted);font-size:13px}
.mq-game-badge{justify-self:start;display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--primary-ink);background:color-mix(in srgb,var(--primary) 16%,var(--surface));border:1px solid var(--line)}
.mq-score-grid,.mq-scorer-list{display:grid;gap:10px}
.mq-score-row,.mq-scorer-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:center}
.mq-score-row input{text-align:center;font-size:22px;font-weight:800;min-height:48px}
.mq-team-games .btn{min-height:44px}
.mq-team-games-when{margin:6px 0 0;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.team-invite-btn{display:inline-flex;align-items:center;gap:6px}
.team-invite-btn-icon{display:inline-grid;place-items:center;width:14px;height:14px}
.team-invite-btn-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.mq-game-public{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:700}
.mq-game-public input{width:18px;height:18px;margin:0}
.mq-game-public-form{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.mq-game-public-form .btn{justify-self:start;width:auto}
.mq-match-call-slot{min-width:0}
.mq-match-call{display:grid;gap:8px;width:100%;max-width:560px;min-width:0;margin:0 auto;padding:18px 16px 12px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-sizing:border-box;overflow:hidden}
.mq-match-call-kicker{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.mq-match-call-sides{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.mq-match-call-side{display:grid;justify-items:center;gap:8px;min-width:0;text-align:center}
.mq-match-call-side strong{max-width:100%;color:var(--text);font-size:clamp(18px,4.6vw,22px);font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.mq-match-call-logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(150deg,var(--surface-2),var(--surface-3));display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);font-size:24px}
.mq-match-call-logo img{width:100%;height:100%;object-fit:cover}
.mq-match-call-x{color:var(--text-soft);font-size:clamp(18px,4vw,22px);font-weight:800;line-height:1}
.mq-match-call-day,.mq-match-call-time,.mq-match-call-place{margin:0;text-align:center;overflow-wrap:anywhere}
.mq-match-call-day{display:flex;justify-content:center;align-items:baseline;gap:8px;flex-wrap:wrap}
.mq-match-call-day strong{color:var(--text);font-size:clamp(16px,3.6vw,18px);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mq-match-call-day span{color:var(--text-soft);font-size:clamp(15px,3.2vw,17px);font-weight:600}
.mq-match-call-time{color:var(--text);font-size:clamp(15px,3.2vw,17px);font-weight:600}
.mq-match-call-place{color:var(--muted);font-size:13px;line-height:1.35}
.mq-match-call-sign{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:4px 0 0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}
.mq-match-call-sign img{width:14px;height:14px;object-fit:contain}
@media (min-width:700px){
  .mq-match-call{padding:22px 28px 14px}
  .mq-match-call-sides{gap:16px}
  .mq-match-call-logo{width:64px;height:64px}
}