/* GoalSignal: светлая «классика» livescore + тёмные фирменные блоки модели. */
:root{
  --bg:#f1f3f2; --surface:#ffffff; --surface-2:#f6f8f7; --line:#e1e6e3; --line-2:#eef1ef;
  --text:#16201b; --muted:#647069; --faint:#98a29c;
  --brand:#1d6b40; --brand-soft:#e3f1e8;
  --live:#df3d24; --live-soft:#fdebe7;
  --home:#4f9e1a; --draw:#b8c0bc; --away:#3a7be0; --any:#e08a3c;
  --hit:#1d6b40; --hit-bg:#e3f1e8; --miss:#b4382a; --miss-bg:#fbe9e6; --run:#a4620b; --run-bg:#fdf1de;
  /* тёмный блок модели */
  --p-bg:#0f1513; --p-surface:#171e1b; --p-line:#26302b; --p-text:#e9eeea; --p-muted:#8f9a94;
  --p-home:#c6f16a; --p-away:#78adff; --p-draw:#5d6762; --p-any:#f3b47e;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:14.5px/1.45 var(--body)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.mono{font-family:var(--mono)} .muted{color:var(--muted)} .faint{color:var(--faint)}

/* шапка */
header.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
header.top .in{max-width:1360px;margin:0 auto;padding:0 16px;height:58px;display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:9px;font:600 17px var(--display);letter-spacing:-.01em;color:var(--text)}
nav.main{display:flex;gap:4px}
nav.main a{padding:8px 12px;border-radius:9px;color:var(--muted);font-weight:600}
nav.main a[aria-current=page]{color:var(--brand);background:var(--brand-soft)}
nav.main a:hover{color:var(--text)}
.search{margin-left:auto;position:relative;width:min(320px,40vw)}
.search input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px 0 34px;background:var(--surface-2);font:inherit;color:var(--text)}
.search svg{position:absolute;left:11px;top:11px;color:var(--faint)}

.wrap{max-width:1360px;margin:0 auto;padding:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.card > h2,.card .h{margin:0;padding:14px 16px 0;font:700 15px var(--body)}
.card .sub{color:var(--muted);font-size:12.5px;padding:2px 16px 0}
.pad{padding:14px 16px}

/* бейдж команды (вместо логотипов клубов: они лицензируются) */
.tb{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;font:700 9.5px var(--body);letter-spacing:-.02em}
.tb{position:relative;overflow:hidden}
.tb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--surface)}
.tb.l{width:64px;height:64px;font-size:20px}
.tb.m{width:36px;height:36px;font-size:12px}

/* статусы */
.minute{color:var(--live);font:700 12.5px var(--mono)}
.minute.done{color:var(--muted);font-weight:600}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live);margin-right:5px;vertical-align:2px}
@media (prefers-reduced-motion:no-preference){.dot{animation:pulse 1.6s ease-in-out infinite}}
@keyframes pulse{50%{opacity:.25}}
.badge{font:700 11.5px var(--body);padding:3px 9px;border-radius:999px;white-space:nowrap}
.badge.active{background:var(--run-bg);color:var(--run)}
.badge.hit{background:var(--hit-bg);color:var(--hit)}
.badge.miss{background:var(--miss-bg);color:var(--miss)}
.badge.void{background:var(--line-2);color:var(--muted)}
.chip{display:inline-block;font:700 11.5px var(--body);padding:4px 10px;border-radius:999px}
.chip.tA{background:#c6f16a;color:#14200d}.chip.tB{background:#e4f3d0;color:#3e6b13}
.chip.tC{background:var(--line-2);color:var(--muted)}.chip.tD{background:var(--line-2);color:var(--faint)}
.tdot{display:inline-block;width:8px;height:8px;border-radius:50%}
.tdot.A{background:#8fd12a;box-shadow:0 0 0 3px #e4f3d0}.tdot.B{background:#b9dc8c}.tdot.C,.tdot.D{background:var(--line)}

/* полоски вероятностей */
.bar3{display:flex;height:6px;gap:2px}
.bar3 i{display:block;border-radius:3px;min-width:2px}
.bar3 .bh{background:var(--home)}.bar3 .bd{background:var(--draw)}.bar3 .ba{background:var(--away)}
.meter{position:relative;height:7px;border-radius:4px;background:var(--line-2)}
.meter i{position:absolute;inset:0 auto 0 0;border-radius:4px}
.meter b{position:absolute;top:-4px;width:2px;height:15px;background:currentColor;border-radius:1px}

/* тёмный фирменный блок модели */
.pulse{background:var(--p-bg);color:var(--p-text);border-radius:14px;border:1px solid #000}
.pulse .h{color:var(--p-text)} .pulse .sub,.pulse .muted{color:var(--p-muted)}
.pulse .bar3 .bh{background:var(--p-home)}.pulse .bar3 .bd{background:var(--p-draw)}.pulse .bar3 .ba{background:var(--p-away)}
.pulse .meter{background:#232b27;color:#e9eeea}
.pulse .tag{display:inline-flex;align-items:center;gap:6px;font:600 11.5px var(--body);color:var(--p-home)}
.pulse a{color:var(--p-home)}

footer.legal{color:var(--muted);font-size:12.5px;border-top:1px solid var(--line);background:var(--surface)}
footer.legal .in{max-width:1360px;margin:0 auto;padding:16px;display:flex;gap:12px;align-items:center}
.age{border:1px solid var(--line);border-radius:6px;padding:2px 6px;font:700 11px var(--mono);color:var(--text)}
.empty{padding:28px 16px;text-align:center;color:var(--muted)}
.empty strong{display:block;color:var(--text);margin-bottom:4px}
.err{color:var(--miss)}
@media (max-width:640px){nav.main .long{display:none}.search{display:none} header.top .in{gap:10px} nav.main a{padding:7px 9px}}

/* аккаунт в шапке и плашка cookie */
.acct{display:flex;align-items:center;gap:8px;font-size:13px;order:3;margin-left:12px}
header.top .search{order:2}
header.top .in:not(:has(.search)) .acct{margin-left:auto}
.acct .em{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.acct button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}
.acct a.login-btn{background:var(--text);color:#fff;border-radius:9px;padding:8px 14px;font-weight:800}
.ck{position:fixed;left:16px;right:16px;bottom:16px;max-width:640px;margin:0 auto;background:var(--text);color:#e9eeea;border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center;font-size:13px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.ck a{color:#c6f16a}.ck button{margin-left:auto;border:0;border-radius:8px;background:#c6f16a;color:#14200d;font-weight:800;padding:8px 14px;cursor:pointer}
@media (max-width:640px){.acct .em{display:none}}

/* Подвал всегда внизу экрана: на коротких страницах (вкладка без данных)
   он раньше поднимался к середине и «прыгал» при переключении вкладок. */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body > *{flex-shrink:0}
footer.legal{margin-top:auto}

/* звёздочка избранного */
.star{border:0;background:none;cursor:pointer;font-size:16px;line-height:1;color:var(--faint);padding:2px 4px;border-radius:6px}
.star:hover{color:#e0a800;background:var(--surface-2)}
.star.on{color:#e0a800}
.acct a.em{color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct a.em:hover{color:var(--brand)}