:root {
  color-scheme: light;
  --bg: #f2f5f1;
  --surface: #ffffff;
  --ink: #102019;
  --muted: #657067;
  --line: #dfe5df;
  --green: #087a47;
  --green-dark: #071a12;
  --lime: #caff4a;
  --navy: #10271e;
  --red: #d34d4d;
  --shadow: 0 18px 45px rgba(10, 35, 24, 0.11);
  --radius: 18px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-image: radial-gradient(circle at 50% 0, rgba(202, 255, 74, 0.12), transparent 320px);
}

button,
input,
select {
  font: inherit;
}

.app-shell {
  max-width: 560px;
  min-height: 100vh;
  margin: 0 auto;
  background: var(--bg);
  padding: env(safe-area-inset-top) 14px calc(88px + env(safe-area-inset-bottom));
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0 12px;
  background: rgba(242, 245, 241, 0.88);
  backdrop-filter: blur(16px);
}

.top-actions { display: flex; align-items: center; gap: 7px; }
.account-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface);
  padding: 0 10px;
  color: var(--ink);
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  cursor: pointer;
}
.account-button span { color: var(--green); font-size: .72rem; }
.account-button span img { width: 23px; height: 23px; border-radius: 50%; object-fit: cover; }
.account-button b { max-width: 68px; overflow: hidden; text-overflow: ellipsis; font-size: .72rem; white-space: nowrap; }

.brand {
  display: flex;
  align-items: center;
  gap: 11px;
}

.brand-mark {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: var(--green-dark);
  color: var(--lime);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: -0.04em;
  box-shadow: 0 8px 22px rgba(7, 26, 18, 0.2);
}

.brand p {
  margin: 1px 0 0;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 650;
}

.eyebrow {
  margin: 0 0 3px;
  color: var(--green);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  font-size: 1.28rem;
  letter-spacing: -0.04em;
}

h2 {
  margin-bottom: 3px;
  font-size: 1.28rem;
}

h3 {
  margin: 18px 0 10px;
  font-size: 0.98rem;
}

.icon-button,
.close-button {
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface);
  color: var(--ink);
  font-size: 1.35rem;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.music-control { position: relative; }
.music-button { cursor: pointer; transition: color .2s ease, background .2s ease, transform .2s ease; }
.music-button.playing { border-color: #a9d3bb; background: #eaf5ed; color: var(--green); transform: translateY(-1px); }
.music-button.playing::after { position: absolute; right: 5px; bottom: 5px; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(11,122,75,.12); content: ""; }
.music-volume { position: absolute; z-index: 30; top: 49px; right: 0; display: grid; grid-template-columns: auto 95px; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 11px; background: #fff; padding: 8px 10px; color: var(--muted); font-size: .65rem; font-weight: 800; box-shadow: 0 12px 28px rgba(7,28,18,.16); }
.music-volume[hidden] { display: none; }
.music-volume input { width: 95px; accent-color: var(--green); }

.league-hero {
  position: relative;
  display: flex;
  min-height: 154px;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
  margin: 8px 0 20px;
  border-radius: 24px;
  background: linear-gradient(125deg, #071a12 0%, #0b5134 72%, #087a47 100%);
  padding: 22px;
  color: #fff;
  box-shadow: 0 20px 42px rgba(7, 44, 29, 0.22);
}

.arena-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 13px 0; border-radius: 14px; background: #e9efeb; padding: 4px; }
.arena-switch button { border: 0; border-radius: 10px; background: transparent; padding: 10px 8px; color: var(--muted); font-size: .75rem; font-weight: 850; cursor: pointer; }
.arena-switch button.active { background: var(--green-dark); color: #fff; box-shadow: 0 4px 12px rgba(15, 55, 36, .16); }
.europe-competition-tabs { display: flex; gap: 7px; margin: -4px 0 13px; overflow-x: auto; padding-bottom: 3px; }
.europe-competition-tabs[hidden] { display: none; }
.europe-competition-tabs button { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 7px 10px; color: var(--muted); font-size: .67rem; font-weight: 800; cursor: pointer; }
.europe-competition-tabs button.active { border-color: var(--green); background: #eaf5ed; color: var(--green); }

.league-hero::before {
  position: absolute;
  width: 180px;
  height: 180px;
  right: -55px;
  top: -75px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 30px rgba(255,255,255,.035), 0 0 0 60px rgba(255,255,255,.025);
  content: "";
}

.league-hero p {
  margin: 12px 0 3px;
  color: rgba(255,255,255,.7);
  font-size: .78rem;
}

.league-hero strong {
  display: block;
  max-width: 240px;
  font-size: 1.35rem;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  padding: 6px 9px;
  color: var(--lime);
  font-size: .65rem;
  font-weight: 850;
  letter-spacing: .04em;
}

.live-badge i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 0 4px rgba(202,255,74,.12);
}

.hero-ball {
  position: relative;
  z-index: 1;
  font-size: 3.2rem;
  filter: grayscale(1) brightness(2);
  opacity: .86;
  transform: rotate(-14deg);
}

.match-center { margin: -4px 0 20px; }
.match-center-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.match-center-head h2 { margin: 0; font-size: 1.05rem; }
.match-tabs { display: flex; overflow-x: auto; border-radius: 999px; background: #e7ece8; padding: 3px; scrollbar-width: none; }
.match-tabs::-webkit-scrollbar { display: none; }
.match-tabs button { flex: 0 0 auto; }
.match-tabs button { border: 0; border-radius: 999px; background: transparent; padding: 6px 9px; color: var(--muted); font-size: .65rem; font-weight: 800; cursor: pointer; }
.match-tabs button.active { background: var(--surface); color: var(--green); box-shadow: 0 3px 9px rgba(7,26,18,.09); }
.match-tabs button:disabled { cursor: default; opacity: .42; }
.fixture-strip { display: flex; gap: 9px; overflow-x: auto; margin: 0 -14px; padding: 2px 14px 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.fixture-strip::-webkit-scrollbar { display: none; }
.fixture-card { flex: 0 0 260px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); padding: 12px; box-shadow: 0 8px 20px rgba(21,32,27,.07); scroll-snap-align: start; }
.fixture-card { cursor: pointer; }
.fixture-card:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.fixture-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: var(--muted); font-size: .64rem; }
.fixture-team { display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 8px; min-height: 35px; }
.fixture-team img { width: 27px; height: 27px; object-fit: contain; }
.fixture-team strong { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.fixture-team b { font-size: .88rem; }
.fixture-card > small { display: block; overflow: hidden; margin-top: 8px; border-top: 1px solid var(--line); padding-top: 7px; color: var(--muted); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.fixture-empty { flex: 1 0 calc(100% - 28px); border: 1px dashed #cbd5cd; border-radius: 14px; padding: 18px; color: var(--muted); font-size: .76rem; text-align: center; }

.match-score-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 18px 0 10px; }
.match-score-head > div { display: grid; justify-items: center; gap: 7px; min-width: 0; text-align: center; }
.match-score-head img { width: 56px; height: 56px; object-fit: contain; }
.match-score-head strong { overflow: hidden; width: 100%; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.match-score-head > b { border-radius: 12px; background: var(--green-dark); padding: 9px 12px; color: var(--lime); font-size: 1.15rem; }
.match-detail-meta { color: var(--muted); font-size: .68rem; text-align: center; }
.event-timeline { display: grid; gap: 6px; }
.match-event { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 8px; border-left: 3px solid #aeb8b0; border-radius: 9px; background: #f3f6f3; padding: 8px; }
.match-event.event-goal { border-left-color: var(--green); }
.match-event.event-card { border-left-color: #d6a62e; }
.match-event time { color: var(--green); font-size: .72rem; font-weight: 900; }
.match-event strong, .match-event small { display: block; }
.match-event strong { font-size: .74rem; }
.match-event small { margin-top: 2px; color: var(--muted); font-size: .62rem; }
.match-statistics { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; }
.match-statistics > div { display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; border-bottom: 1px solid var(--line); padding: 8px; text-align: center; }
.match-statistics > div:last-child { border-bottom: 0; }
.match-statistics span { color: var(--muted); font-size: .65rem; }
.match-statistics b { font-size: .72rem; }
.stats-team-head { background: #f1f5f2; }
.stats-team-head strong:first-child { grid-column: 1 / 2; }
.stats-team-head strong:last-child { grid-column: 3 / 4; }
.lineup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lineup-grid section { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; }
.lineup-grid h4 { margin: 0; background: #f0f5f1; padding: 9px; font-size: .7rem; }
.lineup-grid h4 span { float: right; color: var(--green); }
.lineup-grid section > div { display: grid; grid-template-columns: 22px 1fr auto; gap: 5px; border-top: 1px solid var(--line); padding: 7px; }
.lineup-grid section > div b { color: var(--green); font-size: .64rem; }
.lineup-grid section > div span { overflow: hidden; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.lineup-grid section > div small { color: var(--muted); font-size: .58rem; }

.screen {
  display: none;
}

.screen.active {
  display: block;
  animation: screen-in .26s ease both;
}

.app-mode-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 4px 16px 14px; border: 1px solid #dbe5dd; border-radius: 16px; background: #edf3ee; padding: 5px; }
.app-mode-switch button { display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; align-items: center; border: 0; border-radius: 12px; background: transparent; padding: 9px 11px; color: #718078; text-align: left; cursor: pointer; }
.app-mode-switch button > span { grid-row: 1 / 3; display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; background: rgba(83,103,91,.1); font-size: .8rem; }
.app-mode-switch strong { font-size: .72rem; letter-spacing: .08em; }
.app-mode-switch small { margin-top: 2px; font-size: .54rem; font-weight: 750; }
.app-mode-switch button.active { background: #fff; color: var(--green-dark); box-shadow: 0 5px 15px rgba(20,58,37,.1); }
.app-mode-switch button.active > span { background: var(--green-dark); color: var(--lime); }
.player-mode { background: #071711; }
.player-mode .app-shell { background: linear-gradient(180deg, #071711 0, #10271d 255px, #f4f7f4 520px); }
.player-mode .topbar { border-color: rgba(255,255,255,.1); background: rgba(7,23,17,.94); }
.player-mode .brand h1 { color: #fff; }
.player-mode .top-actions .icon-button,
.player-mode .top-actions .account-button { border-color: rgba(187,238,80,.28); background: rgba(255,255,255,.09); color: #fff; box-shadow: 0 7px 20px rgba(0,0,0,.2); }
.player-mode .top-actions .icon-button:hover,
.player-mode .top-actions .account-button:hover { border-color: rgba(187,238,80,.55); background: rgba(255,255,255,.15); }
.player-mode .top-actions .account-button span { color: var(--lime); }
.player-mode .top-actions .music-button.playing { border-color: var(--lime); background: var(--lime); color: #071711; }
.player-mode .top-actions .music-button.playing::after { background: #071711; box-shadow: 0 0 0 3px rgba(7,23,17,.16); }
.player-mode .brand p { color: #9ab0a1; }
.player-mode .app-mode-switch { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.07); }
.player-mode .app-mode-switch button { color: #9eb0a5; }
.player-mode .app-mode-switch button.active { background: var(--lime); color: #071711; }
.player-mode .app-mode-switch button.active > span { background: #071711; color: var(--lime); }
.player-hub-screen { padding-bottom: 24px; }
.player-hub-hero { position: relative; overflow: hidden; border-radius: 22px; background: radial-gradient(circle at 85% 15%, rgba(187,238,80,.28), transparent 32%), linear-gradient(145deg, #0a2418, #173d29); padding: 27px 22px 22px; color: #fff; box-shadow: 0 18px 40px rgba(5,27,16,.2); }
.player-hub-hero::after { position: absolute; right: -36px; bottom: -65px; width: 170px; height: 170px; border: 25px solid rgba(187,238,80,.08); border-radius: 50%; content: ""; }
.player-hub-kicker { color: var(--lime); font-size: .62rem; font-weight: 950; letter-spacing: .14em; }
.player-hub-hero h2 { margin: 10px 0 9px; font-size: 1.65rem; line-height: 1.08; }
.player-hub-hero > p { max-width: 390px; margin: 0; color: #c8d6cc; font-size: .75rem; line-height: 1.55; }
.tactical-board { position: absolute; inset: 0 0 0 52%; opacity: .2; background: linear-gradient(90deg, transparent 49.5%, #fff 50%, transparent 50.5%); pointer-events: none; }
.tactical-board::before { position: absolute; inset: 14px; border: 2px solid #fff; border-radius: 4px; content: ""; }
.tactical-board::after { position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid #fff; border-radius: 50%; content: ""; transform: translate(-50%,-50%); }
.tactical-board i { position: absolute; width: 11px; height: 11px; border: 2px solid #fff; border-radius: 50%; }
.tactical-board i:nth-child(1) { left: 18%; top: 27%; }.tactical-board i:nth-child(2) { left: 36%; top: 65%; }.tactical-board i:nth-child(3) { right: 22%; top: 22%; }.tactical-board i:nth-child(4) { right: 15%; bottom: 21%; }.tactical-board i:nth-child(5) { left: 52%; top: 46%; }
.player-profile-chip { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.08); padding: 7px 10px; font-size: .6rem; }
.player-profile-chip i { color: var(--lime); }
.player-profile-chip b { color: var(--lime); }
.player-hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 13px; }
.player-module { display: flex; min-height: 215px; flex-direction: column; border: 1px solid var(--line); border-radius: 17px; background: #fff; padding: 15px; box-shadow: 0 8px 22px rgba(13,43,26,.07); }
.tasks-module { position:relative; }.notification-badge { position:absolute; top:10px; right:10px; display:grid; min-width:21px; height:21px; place-items:center; border-radius:99px; background:#d9253d; padding:0 5px; color:#fff; font-size:.52rem; box-shadow:0 3px 8px rgba(160,20,40,.28); }.notification-badge[hidden]{display:none}
.player-module-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: #e9f4e6; color: var(--green); font-weight: 900; }
.player-module small { margin-top: 13px; color: var(--green); font-size: .51rem; font-weight: 950; letter-spacing: .07em; }
.player-module h3 { margin: 6px 0; font-size: .86rem; }
.player-module p { margin: 0 0 12px; color: var(--muted); font-size: .64rem; line-height: 1.45; }
.player-module button { margin-top: auto; border: 0; border-radius: 9px; background: #eef2ef; padding: 8px; color: #89948d; font-size: .58rem; font-weight: 850; }
.player-module .open-chat-hub { background: var(--green-dark); color: #fff; cursor: pointer; }
.player-module .open-prediction-center { background: var(--green-dark); color: #fff; cursor: pointer; }
.player-module .open-manager-center { background: var(--green-dark); color: #fff; cursor: pointer; }
.player-module .open-player-scouting { background: var(--green-dark); color: #fff; cursor: pointer; }
.player-module .open-weekly-center { background: var(--green-dark); color: #fff; cursor: pointer; }
.player-module .open-poll-center { background: var(--green-dark); color: #fff; cursor: pointer; }
.poll-center { max-width: 620px; }.poll-form { display: grid; gap: 10px; margin-top: 16px; }.poll-form label { display: grid; gap: 5px; color: var(--muted); font-size: .65rem; font-weight: 800; }.poll-form input { border: 1px solid var(--line); border-radius: 10px; padding: 11px; font: inherit; }.poll-form button,.poll-vote { border: 0; border-radius: 10px; background: var(--green-dark); padding: 10px; color: #fff; font-weight: 850; }.poll-list { display: grid; gap: 10px; margin-top: 18px; }.poll-item { border: 1px solid var(--line); border-radius: 13px; padding: 12px; }.poll-item h4 { margin: 0 0 9px; }.poll-options { display: grid; gap: 7px; }.poll-vote { display: flex; justify-content: space-between; width: 100%; background: #edf4ef; color: var(--green-dark); }.poll-vote span { color: var(--muted); }
.weekly-center{max-width:720px}.weekly-summary{display:flex;justify-content:space-between;gap:12px;margin:14px 0;padding:13px;border-radius:13px;background:#eaf5ed}.weekly-task,.notification-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.weekly-task small,.notification-item small{display:block;margin-top:3px;color:var(--muted)}.weekly-task button{border:0;border-radius:8px;padding:8px 11px;background:var(--green-dark);color:#fff}.weekly-task button:disabled{background:#dfe5e1;color:#7c8981}.notification-list{margin-top:18px}.notification-list h3{margin-bottom:5px}
.player-module .open-chat-hub:hover { background: var(--green); }
.player-module a { margin-top: auto; border-radius: 9px; background: var(--green-dark); padding: 9px; color: #fff; font-size: .6rem; font-weight: 850; text-align: center; text-decoration: none; }
.player-community-preview { margin-top: 12px; border: 1px dashed #bdcbbf; border-radius: 17px; background: rgba(255,255,255,.88); padding: 16px; }
.player-community-preview h3 { margin: 3px 0 0; }
.player-community-preview > p { margin: 10px 0 0; color: var(--muted); font-size: .68rem; line-height: 1.5; }
.live-studio, .social-chat-hub { margin-top: 13px; border: 1px solid var(--line); border-radius: 19px; background: #fff; padding: 17px; box-shadow: 0 8px 24px rgba(10,39,23,.07); }
.social-chat-hub.is-highlighted { animation: chat-hub-highlight 1.15s ease; }
@keyframes chat-hub-highlight { 0%, 100% { box-shadow: 0 8px 24px rgba(10,39,23,.07); } 35% { border-color: var(--lime); box-shadow: 0 0 0 5px rgba(187,238,80,.24), 0 12px 30px rgba(10,39,23,.14); } }
.live-studio { position: relative; overflow: visible; margin-top: 45px; border: 14px solid #56351f; border-right-width: 80px; border-bottom-width: 22px; border-radius: 42px 48px 36px 40px / 34px 39px 32px 37px; background: radial-gradient(ellipse at 48% 35%, #294f3b, #101b16 72%); padding: 19px; color: #fff; box-shadow: inset 0 0 0 4px #17120e, inset 0 0 28px rgba(0,0,0,.75), 0 17px 0 -10px #352216, 0 25px 35px rgba(0,0,0,.3); }
.live-studio::after { position: absolute; left: 9%; right: -67px; bottom: -35px; height: 15px; border-radius: 4px 4px 12px 12px; background: linear-gradient(90deg, #342116 0 14%, transparent 14% 78%, #342116 78% 92%, transparent 92%); content: ""; }
.tv-antennas { position: absolute; z-index: -1; top: -58px; right: 42px; width: 95px; height: 60px; }
.tv-antennas::after { position: absolute; left: 39px; bottom: 0; width: 25px; height: 10px; border-radius: 8px 8px 2px 2px; background: #3d2a1d; content: ""; }
.tv-antennas i { position: absolute; bottom: 7px; width: 4px; height: 58px; border-radius: 4px; background: linear-gradient(#aaa, #292929); transform-origin: bottom; }
.tv-antennas i:first-child { left: 43px; transform: rotate(-42deg); }.tv-antennas i:last-child { right: 43px; transform: rotate(42deg); }
.tv-screen-glare { position: absolute; z-index: 3; inset: 4px; border-radius: 25px 31px 22px 29px / 22px 28px 25px 31px; background: linear-gradient(125deg, rgba(255,255,255,.11), transparent 25% 73%, rgba(255,255,255,.035)); box-shadow: inset 0 0 24px rgba(0,0,0,.62); pointer-events: none; }
.tv-control-panel { position: absolute; top: 20px; right: -67px; bottom: 20px; display: flex; width: 48px; flex-direction: column; align-items: center; gap: 8px; color: #d9bc8f; }
.tv-control-panel b { margin-bottom: 2px; font-family: Georgia,serif; font-size: .7rem; letter-spacing: .08em; }
.tv-control-panel i { display: block; width: 28px; height: 28px; border: 3px ridge #8a6240; border-radius: 50%; background: repeating-conic-gradient(#1f1813 0 8deg,#735137 9deg 15deg); box-shadow: 0 3px 5px #26170f; }
.tv-control-panel span { display: block; width: 31px; height: 3px; border-radius: 4px; background: #251811; box-shadow: inset 0 1px #7e5839; }

/* Referanstaki lake kasalı, krem panelli tüplü televizyon */
.live-studio {
  overflow: visible;
  margin: 25px 0 38px;
  border: 17px solid #246444;
  border-right: 92px solid #ead6ab;
  border-bottom-width: 25px;
  border-radius: 33px 39px 30px 35px / 27px 31px 25px 29px;
  background: radial-gradient(ellipse at 48% 42%, #294c3c 0%, #14251d 69%, #050a07 100%);
  padding: 19px 17px;
  box-shadow: inset 0 0 0 6px #151714, inset 0 0 38px rgba(0,0,0,.78), 9px 9px 0 #194b34, 15px 17px 28px rgba(0,0,0,.3);
}
.live-studio::before {
  position: absolute;
  z-index: -1;
  inset: -24px -103px -31px -24px;
  border: 2px solid #4f8d68;
  border-radius: 42px 48px 36px 43px / 34px 39px 31px 36px;
  background: linear-gradient(145deg,#38825b 0%,#236443 60%,#17462f 100%);
  box-shadow: inset 8px 7px 10px rgba(255,255,255,.13), inset -9px -7px 14px rgba(0,0,0,.23);
  content: "";
}
.live-studio::after {
  left: 7%; right: -83px; bottom: -43px; height: 17px;
  background: linear-gradient(90deg,#123c28 0 13%,transparent 13% 80%,#123c28 80% 93%,transparent 93%);
}
.tv-antennas { display: none; }
.tv-screen-glare {
  inset: 2px;
  border-radius: 28px 34px 25px 31px / 34px 30px 36px 29px;
  background: linear-gradient(120deg,rgba(255,255,255,.16),transparent 25% 68%,rgba(224,242,230,.04));
  box-shadow: inset 8px 0 25px rgba(255,255,255,.05),inset -7px -5px 30px rgba(0,0,0,.72);
}
.tv-control-panel {
  top: -4px; right: -85px; bottom: -6px; width: 64px; gap: 9px;
  border: 1px solid #b69b6c; border-radius: 13px;
  background: linear-gradient(90deg,#e2c997,#f3dfb5 48%,#d1b67f);
  padding: 9px 6px; color: #3a392f;
  box-shadow: inset 2px 1px 3px rgba(255,255,255,.72),inset -2px -1px 4px rgba(64,47,23,.18);
}
.tv-control-panel b { color:#276346; font-size:.62rem; }
.tv-control-panel i { width: 34px; height: 34px; border: 4px ridge #927a56; background: repeating-conic-gradient(#2b2c27 0 7deg,#a18a62 8deg 13deg); box-shadow: 0 2px 0 #6d593d,0 4px 6px rgba(0,0,0,.35); }
.tv-control-panel i:nth-of-type(2) { width: 27px; height: 27px; }
.tv-control-panel span { width: 38px; height: 3px; background:#725f40; box-shadow:none; }
.tv-control-panel span:nth-last-child(-n+5) { background: repeating-linear-gradient(90deg,#6b593c 0 2px,transparent 2px 5px); }
.live-studio-head,.live-stage,.live-actions,.broadcast-subtitles { position:relative; z-index:2; }

@media (max-width: 430px) {
  .live-studio { border-right-width: 74px; padding: 14px 12px; }
  .live-studio::before { right: -84px; }
  .tv-control-panel { right: -69px; width: 51px; padding-inline: 3px; }
  .tv-control-panel i { width: 28px; height: 28px; }
  .tv-control-panel span { width: 30px; }
}
.broadcast-subtitles { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 9px; margin-top: 12px; border-radius: 7px; background: rgba(0,0,0,.75); padding: 8px 10px; }
.broadcast-subtitles span { color: var(--lime); font-size: .52rem; font-weight: 950; }
.broadcast-subtitles p { overflow: hidden; margin: 0; color: #fff; font-size: .6rem; white-space: nowrap; text-overflow: ellipsis; }
.chat-shortcut { color: var(--green); }
.chat-shortcut { position:relative; }.direct-badge { position:absolute; top:-5px; right:-5px; display:grid; min-width:17px; height:17px; place-items:center; border:2px solid #fff; border-radius:99px; background:#d9253d; padding:0 3px; color:#fff; font-size:.43rem; }.direct-badge[hidden]{display:none}.direct-conversation-list>button.has-unread { border-color:#8ecf58; background:#f3faed; }.direct-conversation-list time { display:grid; justify-items:end; gap:3px; }.direct-conversation-list time b { display:grid; min-width:18px; height:18px; place-items:center; border-radius:99px; background:#d9253d; color:#fff; }
.live-studio-head, .social-chat-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.weekly-live-board{margin:13px 0;padding:12px;border-radius:13px;background:#f1f6f2}.weekly-live-board>div{display:flex;justify-content:space-between;margin-bottom:7px}.weekly-live-board>div small{color:var(--muted)}.weekly-live-board>span{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:7px;border-top:1px solid var(--line)}.weekly-live-board>span.is-me{background:#e4f4df;border-radius:7px}.weekly-live-board em{font-style:normal}.weekly-live-board p{margin:5px 0;color:var(--muted)}
.player-match-log{margin:15px 0}.player-match-log-head,.player-match-log-row{display:grid;grid-template-columns:1.2fr repeat(5,.7fr);gap:5px;align-items:center;padding:8px;font-size:.62rem}.player-match-log-head{border-radius:8px;background:#edf2ee;color:var(--muted);font-weight:800}.player-match-log-row{border-bottom:1px solid var(--line)}.player-match-log-row b{text-align:center}
.prediction-arena-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px;padding:5px;border-radius:12px;background:#e9eeea}.prediction-arena-switch button{border:0;border-radius:9px;padding:10px;background:transparent;color:var(--muted);font-weight:850}.prediction-arena-switch button.active{background:var(--green-dark);color:#fff}.europe-lineup{margin-top:12px}
.live-studio-head h3, .social-chat-heading h3 { margin: 5px 0 2px; }
.live-studio-head p { max-width: 330px; margin: 0; color: #aabbb0; font-size: .65rem; line-height: 1.45; }
.live-dot { display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; background: #d92e3b; padding: 4px 7px; color: #fff; font-size: .5rem; font-weight: 950; letter-spacing: .08em; }
.viewer-count, .online-pill { flex: 0 0 auto; border-radius: 999px; background: rgba(255,255,255,.08); padding: 6px 8px; color: #c9d7ce; font-size: .55rem; font-weight: 850; }
.live-stage { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 15px; }
.live-seat { display: grid; min-height: 105px; place-items: center; align-content: center; gap: 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.05); text-align: center; }
.live-seat i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px dashed rgba(187,238,80,.45); border-radius: 50%; color: var(--lime); font-style: normal; font-weight: 900; }
.live-seat span { color: #c4d0c8; font-size: .55rem; }
.live-seat.invite-accepted { border-color:rgba(185,238,80,.55); background:rgba(185,238,80,.09); }.live-seat.invite-accepted i { border-style:solid; }.live-seat.invite-declined { border-color:rgba(230,72,72,.48); background:rgba(180,35,35,.1); }.live-seat.invite-pending { border-color:rgba(244,190,70,.4); }
.live-moderator-controls { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:9px; border-radius:9px; background:rgba(0,0,0,.3); padding:8px; font-size:.56rem; }.live-moderator-controls button { border:0; border-radius:7px; background:#b9ee50; padding:7px 9px; color:#102117; font-weight:900; }.live-moderator-controls button:disabled { opacity:.45; }
.live-actions { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.live-actions button { border: 0; border-radius: 9px; background: var(--lime); padding: 9px 12px; color: #0a2116; font-size: .6rem; font-weight: 900; }
.live-actions button:disabled { opacity: .58; }
.live-actions small { color: #91a399; font-size: .54rem; }
.online-pill { background: #eaf5ed; color: var(--green); }
.chat-room-list { display: grid; gap: 8px; margin-top: 13px; }
.chat-room { display: grid; grid-template-columns: 39px 1fr auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 13px; padding: 11px; }
.chat-room-icon { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 11px; background: #eaf5ed; color: var(--green); font-weight: 950; }
.chat-room small { color: var(--green); font-size: .48rem; font-weight: 950; letter-spacing: .06em; }
.chat-room h4 { margin: 3px 0 2px; font-size: .76rem; }
.chat-room p { margin: 0; color: var(--muted); font-size: .57rem; }
.chat-room button { border: 0; border-radius: 9px; background: var(--green-dark); padding: 8px 9px; color: #fff; font-size: .55rem; font-weight: 850; }
.chat-room.locked { background: #f5f7f5; opacity: .75; }
.chat-room.locked button { background: #dfe5e1; color: #7c8981; }
.prediction-center { max-height: 94vh; padding-bottom: 24px; }
.prediction-head { padding-right: 42px; }
.prediction-head h2 { margin: 4px 0; }
.prediction-head p { margin: 0; color: var(--muted); font-size: .7rem; }
.prediction-score { display: grid; grid-template-columns: 1fr auto; align-items: center; margin-top: 13px; border-radius: 14px; background: linear-gradient(125deg, var(--green-dark), #17613f); padding: 13px; color: #fff; }
.prediction-score span { font-size: .66rem; font-weight: 800; }
.prediction-score strong { grid-row: 1 / 3; grid-column: 2; color: var(--lime); font-size: 1.65rem; }
.prediction-score small { margin-top: 3px; color: #b9cbbf; font-size: .55rem; }
.prediction-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-top: 12px; border-radius: 11px; background: #eaf0ec; padding: 4px; }
.prediction-tabs button { border: 0; border-radius: 8px; background: transparent; padding: 8px 4px; color: var(--muted); font-size: .58rem; font-weight: 850; cursor: pointer; }
.prediction-tabs button.active { background: #fff; color: var(--green); box-shadow: 0 3px 10px rgba(13,43,26,.08); }
.prediction-content { margin-top: 11px; }
.prediction-form { display: grid; gap: 10px; }
.prediction-form-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.prediction-form-head h3 { margin: 0; }
.prediction-form-head span { border-radius: 999px; background: #eaf5ed; padding: 5px 7px; color: var(--green); font-size: .54rem; font-weight: 850; }
.prediction-form label { color: var(--muted); font-size: .64rem; font-weight: 750; }
.prediction-form select, .prediction-form input { width: 100%; margin-top: 5px; }
.prediction-form > button { border: 0; border-radius: 10px; background: var(--green-dark); padding: 11px; color: #fff; font-size: .7rem; font-weight: 900; cursor: pointer; }
.score-prediction { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 8px; }
.score-prediction > b { padding-bottom: 10px; }
.prediction-fixture-list { display: grid; gap: 6px; max-height: 250px; margin-top: 9px; overflow-y: auto; padding-right: 2px; }
.prediction-fixture-card { display: grid; grid-template-columns: 61px 1fr 62px; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 11px; background: #fff; padding: 9px; color: var(--ink); cursor: pointer; text-align: left; }
.prediction-fixture-card:hover, .prediction-fixture-card.active { border-color: var(--green); background: #f0f8f2; }
.prediction-fixture-card time, .prediction-fixture-card small { color: var(--muted); font-size: .52rem; }
.prediction-fixture-card > span { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 5px; font-size: .6rem; text-align: center; }
.prediction-fixture-card > span b:first-child { text-align: right; }
.prediction-fixture-card > span b:last-child { text-align: left; }
.prediction-fixture-card > span i { border-radius: 6px; background: var(--green-dark); padding: 5px; color: #fff; font-style: normal; }
.prediction-fixture-card > small { color: var(--green); font-weight: 850; text-align: right; }
.match-event-prediction { margin-top: 13px; border-top: 1px solid var(--line); padding-top: 12px; }
.selected-match-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 9px; text-align: center; }
.selected-match-head div { display: grid; gap: 3px; }
.selected-match-head strong { font-size: .73rem; }
.selected-match-head small { color: var(--muted); font-size: .52rem; }
.selected-match-head > b { color: var(--green); font-size: .62rem; }
.team-goal-picks { border: 1px solid var(--line); border-left: 4px solid var(--green); border-radius: 11px; padding: 9px; }
.team-goal-picks.away { border-left-color: #2f5ea8; }
.team-goal-picks h4 { margin: 0 0 7px; }
.predicted-goal-row { display: grid; grid-template-columns: 43px 1fr 1fr; align-items: end; gap: 6px; border-top: 1px solid #e7ede8; padding: 7px 0; }
.predicted-goal-row:first-of-type { border-top: 0; }
.predicted-goal-row > b { align-self: center; color: var(--green); font-size: .56rem; }
.predicted-goal-row select { margin-top: 3px; padding: 7px 4px; font-size: .58rem; }
.no-predicted-goals { margin: 0; color: var(--muted); font-size: .58rem; }
.prediction-form fieldset { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border: 1px solid var(--line); border-radius: 11px; padding: 9px; }
.prediction-form legend { padding-inline: 5px; color: var(--ink); font-size: .65rem; font-weight: 850; }
.prediction-form h4 { margin: 8px 0 0; font-size: .72rem; }
.ranked-picks { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.ranked-picks label { display: grid; grid-template-columns: 25px 1fr; align-items: center; gap: 4px; border: 1px solid var(--line); border-radius: 9px; padding: 4px; }
.ranked-picks label b { display: grid; place-items: center; color: var(--green); }
.ranked-picks label select { margin: 0; border: 0; padding: 7px 3px; font-size: .6rem; }
.unordered-picks label b { color: #8aa092; font-size: .65rem; }
.prediction-pick-note { margin: -3px 0 2px; color: var(--muted); font-size: .56rem; line-height: 1.4; }
.prediction-save-status { margin: 0; border-radius: 9px; background: #eaf5ed; padding: 8px; color: var(--green); font-size: .6rem; font-weight: 800; }
.prediction-accordion { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.prediction-accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 11px; cursor: pointer; list-style: none; }
.prediction-accordion summary::-webkit-details-marker { display: none; }
.prediction-accordion summary::after { color: var(--green); font-size: .8rem; font-weight: 950; content: "+"; }
.prediction-accordion[open] summary::after { content: "−"; }
.prediction-accordion summary span { color: var(--ink); font-size: .68rem; font-weight: 880; }
.prediction-accordion summary small { margin-left: auto; border-radius: 999px; background: #eef3ef; padding: 4px 6px; color: var(--muted); font-size: .5rem; font-weight: 800; }
.prediction-accordion[open] summary { border-bottom: 1px solid var(--line); background: #f4f8f5; }
.accordion-body { display: grid; gap: 7px; padding: 10px; }
.prediction-metric-heading { display: flex; align-items: center; justify-content: space-between; margin: 7px 2px 0; }
.prediction-metric-heading span { color: var(--green); font-size: .55rem; font-weight: 950; letter-spacing: .08em; }
.prediction-metric-heading small { color: var(--muted); font-size: .5rem; }
.metric-accordion summary span { font-size: .63rem; }
.season-accordion summary { min-height: 55px; }
.season-accordion summary > span:first-child { max-width: 155px; }
.choice-visual { display: inline-flex; min-width: 0; align-items: center; gap: 7px; margin-left: auto; }
.choice-visual img, .choice-visual i { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 50%; object-fit: cover; }
.choice-visual i { border: 1px solid rgba(0,0,0,.08); background: linear-gradient(135deg, var(--choice-a, #164b34), var(--choice-b, #ddec55)); color: #fff; font-size: .5rem; font-style: normal; font-weight: 950; }
.choice-visual b { overflow: hidden; max-width: 120px; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.choice-empty { margin-left: auto; color: var(--muted) !important; font-size: .54rem !important; font-weight: 700 !important; }
.choice-visual-group { display: flex; align-items: center; gap: 3px; margin-left: auto; }
.choice-visual-group .choice-visual { margin: 0; }
.choice-visual-group .choice-visual img, .choice-visual-group .choice-visual i { width: 27px; height: 27px; }
.choice-visual-group .choice-visual b { display: none; }
.season-accordion summary::after { margin-left: 3px; }
.prediction-rules { margin-top: 14px; border: 1px solid #dfe7e1; border-radius: 13px; background: #f4f8f5; padding: 12px; }
.prediction-rules h3 { margin: 0 0 8px; }
.prediction-rules > div { display: grid; gap: 5px; }
.prediction-rules span { font-size: .61rem; }
.prediction-rules span b { display: inline-block; min-width: 27px; color: var(--green); }
.prediction-rules p { margin: 8px 0 0; color: var(--muted); font-size: .57rem; line-height: 1.45; }
.manager-center { max-height: 94vh; }
.manager-content { margin-top: 12px; }
.manager-game-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 14px; background: linear-gradient(125deg, #101d17, #17462f); padding: 14px; color: #fff; }
.manager-game-head span { color: var(--lime); font-size: .5rem; font-weight: 950; letter-spacing: .08em; }
.manager-game-head h3 { margin: 4px 0; }
.manager-game-head p { margin: 0; color: #b8c8be; font-size: .57rem; }
.manager-game-head > strong { color: var(--lime); font-size: 1.4rem; }
.manager-form { margin-top: 10px; }
.formation-board { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; border-radius: 16px; background: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px), #187548; background-size: 32px 32px; padding: 12px; }
.formation-board > b { grid-column: 1 / -1; color: #fff; font-size: .65rem; text-align: center; }
.formation-board label, .manager-squad-grid label { display: grid; grid-template-columns: 23px 1fr; align-items: center; gap: 4px; border-radius: 8px; background: rgba(255,255,255,.92); padding: 4px; }
.formation-board label span, .manager-squad-grid label b { display: grid; place-items: center; color: var(--green); font-size: .58rem; }
.formation-board select, .manager-squad-grid select { min-width: 0; border: 0; background: transparent; padding: 7px 2px; font-size: .58rem; }
.manager-form > button { width: 100%; margin-top: 9px; border: 0; border-radius: 10px; background: var(--green-dark); padding: 11px; color: #fff; font-size: .68rem; font-weight: 900; cursor: pointer; }
.manager-form .form-feedback { margin: 7px 0 0; color: var(--green); font-size: .62rem; }
.transfer-status { display: flex; align-items: center; justify-content: space-between; margin-top: 9px; border-radius: 10px; padding: 9px; font-size: .6rem; }
.transfer-status.open { background: #eaf5ed; color: var(--green); }
.transfer-status.closed { background: #f4e9e9; color: #a43e45; }
.manager-squad-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.manager-squad-grid label { border: 1px solid var(--line); }
.manager-leaderboard { margin-top: 14px; border: 1px solid var(--line); border-radius: 13px; padding: 12px; }
.manager-leaderboard h3 { margin: 3px 0 8px; }
.manager-table-head, .manager-table-row { display: grid; grid-template-columns: 25px 1fr 62px 62px; align-items: center; gap: 5px; padding: 7px; font-size: .59rem; }
.manager-table-head { border-radius: 7px; background: #edf2ee; color: var(--muted); font-weight: 850; }
.manager-table-row { border-bottom: 1px solid var(--line); }
.manager-table-row.is-current { background: color-mix(in srgb, var(--green) 9%, white); border-radius: 7px; }
.manager-table-row strong { color: var(--green); text-align: right; }
.manager-leaderboard > p { margin: 8px 0 0; color: var(--muted); font-size: .55rem; }
.transfer-ticket-shop { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; margin-top: 7px; border: 1px solid #d9e4dc; border-radius: 11px; background: #fff; padding: 9px; }
.transfer-ticket-shop div { display: grid; gap: 2px; }
.transfer-ticket-shop span { font-size: .63rem; font-weight: 850; }
.transfer-ticket-shop small { color: var(--muted); font-size: .5rem; }
.transfer-ticket-shop > b { color: #b17b19; font-size: .62rem; }
.transfer-ticket-shop button { border: 0; border-radius: 8px; background: var(--green-dark); padding: 7px 8px; color: #fff; font-size: .55rem; font-weight: 850; cursor: pointer; }
.transfer-ticket-shop button:disabled { background: #dfe5e1; color: #87928b; cursor: not-allowed; }
.transfer-ticket-shop > em { grid-column: 3; color: var(--muted); font-size: .5rem; font-style: normal; text-align: center; }
.player-market-value { display: inline-block; margin-top: 4px; border-radius: 999px; background: #edf5ef; padding: 4px 6px; color: var(--green); font-size: .56rem; font-style: normal; font-weight: 900; }
.community-scout-readonly { margin: 10px 0; }
.community-score-head { display: grid; grid-template-columns: 1fr auto; align-items: center; border-radius: 11px 11px 0 0; background: var(--green-dark); padding: 10px; color: #fff; }
.community-score-head span { font-size: .65rem; font-weight: 850; }
.community-score-head strong { grid-row: 1 / 3; grid-column: 2; color: var(--lime); font-size: 1.15rem; }
.community-score-head small { color: #b9cbbf; font-size: .54rem; }
.community-score-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 11px 11px; }
.community-score-grid span { padding: 9px 4px; color: var(--muted); font-size: .55rem; text-align: center; }
.community-score-grid b { display: block; margin-top: 3px; color: var(--green); font-size: .78rem; }
.player-scouting-center { max-height: 94vh; }
.player-scouting-form { display: grid; gap: 10px; margin-top: 13px; border: 1px solid var(--line); border-radius: 13px; padding: 12px; }
.player-scouting-ratings { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.player-scouting-ratings label { border-radius: 9px; background: #f1f5f2; padding: 8px; color: var(--muted); font-size: .62rem; }
.player-scouting-ratings output { float: right; color: var(--green); font-weight: 950; }
.player-scouting-ratings input { width: 100%; margin-top: 7px; accent-color: var(--green); }
.player-scouting-form > button { border: 0; border-radius: 9px; background: var(--green-dark); padding: 10px; color: #fff; font-size: .68rem; font-weight: 900; cursor: pointer; }
.player-top100 { margin-top: 14px; }
.player-top100 h3 { margin: 3px 0 9px; }
.player-top100-table { overflow-x: auto; }
.top100-head, .top100-row { display: grid; grid-template-columns: 24px minmax(155px,1fr) repeat(5,42px); min-width: 390px; align-items: center; gap: 3px; padding: 7px 5px; }
.top100-head { border-radius: 8px; background: #edf2ee; color: var(--muted); font-size: .5rem; font-weight: 850; text-align: center; }
.top100-row { border-bottom: 1px solid var(--line); font-size: .58rem; text-align: center; }
.top100-row > b { color: var(--green); }
.top100-player { display: flex; min-width: 0; align-items: center; gap: 6px; text-align: left; }
.top100-player img, .top100-player > i { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #eaf1ec; object-fit: cover; font-style: normal; }
.top100-player span { min-width: 0; }
.top100-player strong, .top100-player small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top100-player small { margin-top: 2px; color: var(--muted); font-size: .48rem; }
.top100-row em { font-style: normal; }
.top100-row > strong { border-radius: 6px; background: var(--green-dark); padding: 5px 2px; color: var(--lime); }

@keyframes screen-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0 14px;
}

.section-head p,
.muted {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.pill {
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--lime);
  padding: 7px 10px;
  font-size: 0.78rem;
  font-weight: 800;
}

.table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow);
}

table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}

th,
td {
  padding: 13px 8px;
  border-bottom: 1px solid var(--line);
  text-align: right;
  font-size: 0.86rem;
}

th:nth-child(2),
td:nth-child(2) {
  min-width: 188px;
  text-align: left;
}

tr:last-child td {
  border-bottom: 0;
}

tbody tr:nth-child(-n+4) td:first-child {
  color: var(--green);
  font-weight: 900;
}

tbody tr:hover { background: #f7faf6; }

th {
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.team-cell,
.player-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.crest,
.avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--club-a), var(--club-b));
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
  overflow: hidden;
}

.crest img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
  background: #fff;
}

.crest.large {
  width: 58px;
  height: 58px;
  font-size: 1rem;
}

.team-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.team-card,
.evaluation-card,
.leader-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 10px 24px rgba(21, 32, 27, 0.08);
}

.team-card {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.team-card:hover { transform: translateY(-2px); border-color: #bbd6c7; box-shadow: var(--shadow); }

.team-card strong {
  display: block;
}

.team-card span {
  color: var(--muted);
  font-size: 0.82rem;
}

.team-card > div:nth-child(2) { min-width: 0; }
.team-card > div:nth-child(2) strong,
.team-card > div:nth-child(2) span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-rank { margin-left: auto; border-radius: 9px; background: #eaf5ed; padding: 6px 8px; color: var(--green); font-size: .72rem; }

.tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.tabs button {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 9px 12px;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 750;
}

.tabs button.active {
  border-color: var(--green);
  background: var(--green);
  color: #fff;
}

.leaderboard {
  display: grid;
  gap: 9px;
  margin-top: 8px;
}

.player-tools { display: grid; gap: 14px; margin-bottom: 16px; }
.player-tools .shortlist-card,
.player-tools .compare-card,
.player-tools .scout-card { margin-top: 0; }

.leader-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  cursor: pointer;
}

.leader-card small {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
}

.leader-score {
  min-width: 46px;
  border-radius: 12px;
  background: #eaf5ed;
  color: var(--green);
  padding: 9px 8px;
  text-align: center;
  font-weight: 900;
}

.discovery-card { margin-top: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 16px; box-shadow: 0 10px 24px rgba(21,32,27,.08); }
.discovery-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.discovery-filters input { grid-column: 1 / -1; }
.discovery-filters input,
.discovery-filters select { min-width: 0; border: 1px solid var(--line); border-radius: 11px; background: #f8faf8; padding: 10px; color: var(--ink); outline: 0; font-size: .75rem; }
.discovery-filters input:focus,
.discovery-filters select:focus { border-color: var(--green); }
.discovery-count { margin: 11px 2px 7px; color: var(--muted); font-size: .68rem; }
.discovery-list { display: grid; gap: 7px; }
.discovery-player { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; width: 100%; border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 9px; text-align: left; cursor: pointer; }
.discovery-player:hover { border-color: #b8d5c2; background: #f8fbf8; }
.discovery-player > div:nth-child(2) { min-width: 0; }
.discovery-player > div:nth-child(2) strong,
.discovery-player > div:nth-child(2) span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.discovery-player > div:nth-child(2) span { margin-top: 2px; color: var(--muted); font-size: .65rem; }
.discovery-stats { display: flex; align-items: center; gap: 7px; text-align: center; }
.discovery-stats span { color: var(--ink); font-size: .72rem; font-weight: 850; }
.discovery-stats small { display: block; color: var(--muted); font-size: .52rem; font-weight: 600; }
.discovery-stats b { border-radius: 8px; background: var(--green-dark); padding: 7px; color: var(--lime); font-size: .7rem; }
.load-more { width: 100%; margin-top: 10px; }
.load-more[hidden] { display: none; }

.evaluation-card {
  padding: 18px;
  overflow: visible;
}

.search-results {
  position: relative;
  z-index: 3;
  display: grid;
  overflow: hidden;
  margin-top: 7px;
  border-radius: 13px;
  background: var(--surface);
  box-shadow: 0 16px 34px rgba(7, 26, 18, .16);
}

.search-results:empty { display: none; }

.search-results button {
  display: grid;
  gap: 2px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  padding: 11px 13px;
  text-align: left;
  cursor: pointer;
}

.search-results button:last-child { border-bottom: 0; }
.search-results button:hover { background: #f3f8f4; }
.search-results button span { color: var(--muted); font-size: .75rem; }
.search-empty { padding: 13px; color: var(--muted); font-size: .82rem; }

.evaluation-empty {
  display: grid;
  justify-items: center;
  padding: 38px 12px 24px;
  text-align: center;
}

.evaluation-empty[hidden],
.evaluation-profile[hidden] { display: none; }

.evaluation-empty > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 18px;
  background: #eaf5ed;
  color: var(--green);
  font-size: 1.5rem;
}

.evaluation-empty p {
  max-width: 290px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.45;
}

.evaluation-profile { margin-top: 18px; }

.evaluation-player {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.evaluation-player strong,
.evaluation-player span { display: block; }
.evaluation-player span { margin-top: 2px; color: var(--muted); font-size: .78rem; }

.evaluation-avatar { width: 48px; height: 48px; background: #eaf0eb; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }

.overall-score {
  display: flex;
  align-items: baseline;
  margin-top: 18px;
  border-radius: 16px;
  background: var(--green-dark);
  padding: 16px;
  color: #fff;
}

.overall-score span { margin-right: auto; color: rgba(255,255,255,.7); font-size: .75rem; font-weight: 750; }
.overall-score strong { color: var(--lime); font-size: 2rem; line-height: 1; }
.overall-score small { margin-left: 3px; color: rgba(255,255,255,.55); }

#evaluationScores div { position: relative; padding-bottom: 18px; }
#evaluationScores i {
  position: absolute;
  right: 12px;
  bottom: 9px;
  left: 12px;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #dce6de;
}
#evaluationScores b { display: block; height: 100%; border-radius: inherit; background: var(--green); }

.score-note { margin: 12px 2px; color: var(--muted); font-size: .72rem; line-height: 1.45; }

.report-button {
  width: 100%;
  border: 0;
  border-radius: 13px;
  background: var(--green);
  padding: 12px;
  color: #fff;
  font-weight: 850;
  cursor: pointer;
}

.evaluation-actions { display: grid; grid-template-columns: 1fr 1.25fr; gap: 8px; }
.evaluation-actions .secondary-button { margin: 0; }
.shortlist-editor {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  border-radius: 14px;
  background: #f0f5f1;
  padding: 12px;
}
.shortlist-editor[hidden] { display: none; }
.shortlist-editor label { margin: 0; }
.shortlist-editor select,
.shortlist-editor textarea { width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 9px; outline: 0; resize: vertical; }

.shortlist-card {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: 18px;
  box-shadow: 0 10px 24px rgba(21, 32, 27, 0.08);
}

.metric-catalog-card { margin-top: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 18px; box-shadow: 0 10px 24px rgba(21, 32, 27, .08); }
.analysis-scope-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 10px 0 14px; }
.analysis-scope-switch button { border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 10px 8px; color: var(--muted); font-size: .68rem; font-weight: 850; cursor: pointer; }
.analysis-scope-switch button span { margin-right: 3px; color: #9da7a0; }
.analysis-scope-switch button.active { border-color: var(--green); background: #eaf5ed; color: var(--green); box-shadow: 0 5px 13px rgba(11,122,75,.1); }
.analysis-scope-switch button.active span { color: var(--green); }
.metric-catalog-note { margin: 8px 0 14px; color: var(--muted); font-size: .72rem; }
.metric-catalog { display: grid; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.metric-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(115px, .7fr) 14px; align-items: center; gap: 10px; width: 100%; border: 0; border-bottom: 1px solid var(--line); background: #fff; padding: 11px; color: var(--ink); text-align: left; cursor: pointer; }
.metric-row:last-child { border-bottom: 0; }
.metric-row:hover { background: #f4f8f5; }
.metric-row > span, .metric-row strong, .metric-row small { display: block; min-width: 0; }
.metric-row small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: .62rem; line-height: 1.3; text-overflow: ellipsis; }
.metric-label { font-size: .76rem; font-weight: 800; }
.metric-leader { text-align: right; }
.metric-identity { display: flex !important; align-items: center; justify-content: flex-end; gap: 7px; }
.metric-photo, .ranking-photo { display: grid; flex: 0 0 auto; width: 31px; height: 31px; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #edf2ee; color: var(--green); font-size: .58rem; font-weight: 900; }
.metric-photo img, .ranking-photo img { width: 100%; height: 100%; object-fit: cover; }
.metric-photo.team-photo img, .ranking-photo.team-photo img { object-fit: contain; padding: 2px; }
.metric-leader strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.metric-leader small { color: var(--green); font-weight: 800; }
.metric-row > b { color: var(--green); font-size: 1.1rem; }
.metric-row.unavailable { background: #f7f8f7; opacity: .68; cursor: default; }
.metric-ranking-list { display: grid; margin-top: 14px; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.metric-ranking-row { display: grid; grid-template-columns: 27px 32px 1fr auto; align-items: center; gap: 9px; width: 100%; border: 0; border-bottom: 1px solid var(--line); background: #fff; padding: 10px; text-align: left; cursor: pointer; }
.metric-ranking-row:last-child { border-bottom: 0; }
.metric-ranking-row:hover { background: #f4f8f5; }
.metric-ranking-row > b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; background: #eaf5ed; color: var(--green); font-size: .68rem; }
.metric-ranking-row span strong, .metric-ranking-row span small { display: block; }
.metric-ranking-row span strong { font-size: .76rem; }
.metric-ranking-row span small { margin-top: 2px; color: var(--muted); font-size: .62rem; }
.metric-ranking-row em { color: var(--green); font-size: .76rem; font-style: normal; font-weight: 850; }

@media (max-width: 520px) {
  .metric-row { grid-template-columns: minmax(0, 1fr) 105px 10px; padding: 10px 8px; }
  .metric-label { font-size: .7rem; }
}

/* FC CLUP organizasyon temaları */
.league-hero { isolation: isolate; transition: background .45s ease, box-shadow .45s ease; }
.league-hero > div:first-child { position: relative; z-index: 3; }
.league-hero.theme-superlig { background: radial-gradient(circle at 76% 18%, rgba(255,255,255,.18) 0 1px, transparent 2px), linear-gradient(132deg, #07152c 0%, var(--team-primary, #142b58) 50%, var(--team-secondary, #ba1d32) 100%); box-shadow: 0 22px 46px rgba(35, 19, 44, .28); }
.league-hero.theme-superlig::before { right: -45px; top: -63px; width: 180px; height: 180px; border-color: rgba(255,255,255,.16); box-shadow: 0 0 0 27px rgba(255,255,255,.035), 0 0 0 55px rgba(216,31,54,.11); }
.league-hero.theme-superlig::after { right: 42px; bottom: -62px; width: 130px; height: 130px; border: 18px solid rgba(255,255,255,.035); border-radius: 50%; transform: none; }
.league-hero.theme-europe { background: radial-gradient(circle at 18% 16%, rgba(255,255,255,.7) 0 1px, transparent 1.5px), radial-gradient(circle at 72% 24%, rgba(125,196,255,.8) 0 1px, transparent 1.7px), radial-gradient(circle at 86% 72%, rgba(255,255,255,.6) 0 1px, transparent 1.5px), linear-gradient(135deg, #050b2a 0%, var(--team-primary, #15145c) 48%, var(--team-secondary, #57258a) 100%); background-size: 67px 67px, 91px 91px, 117px 117px, auto; box-shadow: 0 24px 50px rgba(13, 12, 74, .32); }
.league-hero.theme-europe::before { right: -30px; top: -42px; width: 185px; height: 185px; border-color: rgba(155,196,255,.24); box-shadow: 0 0 0 24px rgba(126,107,255,.07), 0 0 0 49px rgba(126,107,255,.045), 0 0 34px rgba(95,166,255,.18); }
.league-hero.theme-europe::after { right: 31px; bottom: -74px; width: 150px; height: 150px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: inset 0 0 30px rgba(94,103,255,.12); transform: none; }
.league-hero.theme-europe .live-badge { color: #b9d8ff; }
.league-hero.theme-europe .live-badge i { background: #80bfff; box-shadow: 0 0 0 4px rgba(128,191,255,.13), 0 0 13px rgba(128,191,255,.7); }
.hero-ball { display: grid; width: 82px; height: 82px; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(255,255,255,.055); filter: none; opacity: 1; transform: rotate(-8deg); transition: transform .45s ease, background .45s ease; }
.hero-ball span { color: #fff; font-size: 2.1rem; line-height: 1; text-shadow: 0 0 22px rgba(255,255,255,.55); }
.hero-ball img { width: 58px; height: 58px; object-fit: contain; filter: drop-shadow(0 7px 10px rgba(0,0,0,.32)); }
.hero-ball i { position: absolute; right: 8px; bottom: 9px; display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: #d61f39; color: #fff; font-size: .56rem; font-style: normal; font-weight: 950; letter-spacing: .04em; }
.theme-europe .hero-ball { border-color: rgba(142,187,255,.34); background: radial-gradient(circle, rgba(91,103,255,.28), rgba(255,255,255,.035) 64%); box-shadow: 0 0 0 9px rgba(112,93,255,.055), 0 0 35px rgba(93,116,255,.26); transform: rotate(0); }
.theme-europe .hero-ball span { font-size: 2.25rem; }
.theme-europe .hero-ball i, .theme-europe .hero-ball b { position: absolute; color: #8fc5ff; font-size: .72rem; font-style: normal; text-shadow: 0 0 10px #8fc5ff; }
.theme-europe .hero-ball i { right: 9px; top: 12px; width: auto; height: auto; background: none; }
.theme-europe .hero-ball b { left: 12px; bottom: 12px; }
.shortlist-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 14px 0; }
.shortlist-summary span { border-radius: 10px; background: #f0f5f1; padding: 9px; color: var(--muted); font-size: .68rem; text-align: center; }
.shortlist-summary b { display: block; margin-bottom: 2px; color: var(--ink); font-size: 1rem; }
.shortlist-list { display: grid; gap: 9px; }
.shortlist-item { border: 1px solid var(--line); border-left: 4px solid #9aa59d; border-radius: 13px; padding: 11px; }
.shortlist-item.priority-yüksek { border-left-color: #d34d4d; }
.shortlist-item.priority-orta { border-left-color: #d59b32; }
.shortlist-item.priority-izle { border-left-color: var(--green); }
.shortlist-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; }
.shortlist-head strong, .shortlist-head span { display: block; }
.shortlist-head span { margin-top: 2px; color: var(--muted); font-size: .68rem; }
.shortlist-head > b { border-radius: 999px; background: #f0f3f0; padding: 5px 7px; color: var(--muted); font-size: .65rem; }
.shortlist-item > p { margin: 9px 0 0; color: var(--ink); font-size: .76rem; line-height: 1.4; }
.shortlist-actions { display: flex; gap: 7px; margin-top: 10px; }
.shortlist-actions button { border: 0; border-radius: 8px; background: #edf3ee; padding: 7px 9px; color: var(--green); font-size: .68rem; font-weight: 800; cursor: pointer; }
.shortlist-actions button:last-child { color: var(--red); }

.compare-card {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: 18px;
  box-shadow: 0 10px 24px rgba(21, 32, 27, 0.08);
}

.scout-card {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: 18px;
  box-shadow: 0 10px 24px rgba(21, 32, 27, 0.08);
}

#scoutForm { margin-top: 18px; }
.field-label { margin-top: 14px; }
.field-label select,
.field-label textarea {
  width: 100%;
  margin-top: 7px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fbfcfb;
  padding: 11px;
  color: var(--ink);
  outline: 0;
  resize: vertical;
}
.field-label select:focus,
.field-label textarea:focus { border-color: var(--green); }

.scout-ratings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 14px;
}

.scout-ratings label {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin: 0;
  border-radius: 12px;
  background: #f0f5f1;
  padding: 11px;
}

.scout-ratings output {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  background: var(--green-dark);
  color: var(--lime);
  font-weight: 900;
}

.scout-ratings input[type="range"] {
  grid-column: 1 / -1;
  height: 5px;
  margin-top: 10px;
  padding: 0;
  accent-color: var(--green);
}

.detailed-scout { margin-top: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfb; }
.detailed-scout summary { display: flex; justify-content: space-between; padding: 12px; cursor: pointer; color: var(--ink); font-size: .82rem; font-weight: 850; }
.detailed-scout summary span, .detailed-scout > p { color: var(--muted); font-size: .68rem; }
.detailed-scout > p { margin: 0; padding: 0 12px 10px; line-height: 1.4; }
#detailedScoutFields { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; padding: 0 10px 12px; }
.detailed-scout-group { min-width: 0; margin: 0; border: 1px solid var(--line); border-radius: 9px; padding: 8px; }
.detailed-scout-group legend { padding: 0 5px; color: var(--green); font-size: .7rem; font-weight: 850; }
.detailed-scout-group label { display: grid; grid-template-columns: 1fr 45px; align-items: center; gap: 7px; min-height: 34px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .72rem; }
.detailed-scout-group label:last-child { border-bottom: 0; }
.detailed-scout-group input { width: 45px; border: 1px solid var(--line); border-radius: 7px; padding: 5px 2px; text-align: center; font: inherit; }

.form-feedback {
  min-height: 18px;
  margin: 8px 0 0;
  color: var(--green);
  font-size: .76rem;
  font-weight: 750;
  text-align: center;
}

.saved-reports h3 { margin-top: 20px; }
#savedScoutReports { display: grid; gap: 9px; }
.saved-report { border: 1px solid var(--line); border-radius: 13px; padding: 12px; }
.saved-report-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.saved-report-head strong, .saved-report-head span { display: block; }
.saved-report-head span { margin-top: 2px; color: var(--muted); font-size: .68rem; }
.saved-report-head b { flex: 0 0 auto; border-radius: 9px; background: #eaf5ed; padding: 6px 8px; color: var(--green); font-size: .8rem; }
.report-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.report-tags span { border-radius: 999px; background: #f0f3f0; padding: 5px 8px; color: var(--muted); font-size: .66rem; font-weight: 750; }
.saved-report p { margin: 9px 0 0; color: var(--ink); font-size: .78rem; line-height: 1.45; }

.auth-backdrop {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  background: rgba(7, 26, 18, .62);
  padding: 18px;
  backdrop-filter: blur(8px);
}
.auth-backdrop[hidden] { display: none; }
.auth-card {
  width: min(100%, 390px);
  border-radius: 22px;
  background: var(--surface);
  padding: 20px;
  box-shadow: 0 28px 70px rgba(0,0,0,.25);
}
.auth-card > .brand-mark { margin: 8px 0 14px; }
.auth-card h2 { margin-bottom: 5px; }
.auth-card form { display: grid; gap: 12px; margin-top: 18px; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 16px; border-radius: 11px; background: #edf2ee; padding: 4px; }
.auth-tabs[hidden] { display: none; }
.auth-tabs button { border: 0; border-radius: 8px; background: transparent; padding: 8px; color: var(--muted); font-size: .7rem; font-weight: 850; cursor: pointer; }
.auth-tabs button.active { background: #fff; color: var(--green); box-shadow: 0 3px 10px rgba(13,43,26,.08); }
.auth-card label { margin: 0; }
.auth-card input { margin-top: 6px; }
.avatar-upload { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; border: 1px dashed #bccac0; border-radius: 11px; padding: 9px; color: var(--muted); font-size: .7rem; cursor: pointer; }
.avatar-upload input { grid-column: 1 / -1; margin: 0; font-size: .65rem; }
.avatar-upload img { grid-column: 2; grid-row: 1; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.auth-card .close-button { float: right; }
.auth-error { min-height: 18px; margin: 0; color: var(--red); font-size: .76rem; text-align: center; }
.account-panel { display: grid; gap: 5px; margin-top: 18px; text-align: center; }
.account-panel[hidden] { display: none; }
.account-panel span { color: var(--muted); font-size: .76rem; }
.account-avatar { display: grid; width: 76px; height: 76px; place-items: center; overflow: hidden; margin: 0 auto 7px; border: 3px solid #dce9df; border-radius: 50%; background: var(--green-dark); color: var(--lime); font-size: 1.25rem; font-weight: 950; }
.account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.profile-photo-button { cursor: pointer; }
.secondary-button {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f5f7f5;
  padding: 11px;
  color: var(--ink);
  font-weight: 800;
  cursor: pointer;
}

.criteria-admin {
  margin-top: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: 16px;
}
.criteria-admin[hidden] { display: none; }
#criteriaRows { display: grid; gap: 8px; margin: 14px 0; }
.criteria-row {
  display: grid;
  grid-template-columns: auto 1fr 64px 15px;
  align-items: center;
  gap: 8px;
  margin: 0;
  border-radius: 11px;
  background: #f2f6f3;
  padding: 9px;
}
.criteria-row input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--green); }
.criteria-row input[type="number"] { padding: 8px; text-align: right; }
.criteria-row small { color: var(--muted); }
.user-form { display: grid; gap: 8px; margin-top: 14px; }
.user-form input,
.user-form select { border: 1px solid var(--line); border-radius: 11px; background: #fbfcfb; padding: 11px; outline: 0; }
.user-form input:focus,
.user-form select:focus { border-color: var(--green); }
.user-list { display: grid; gap: 7px; margin-top: 12px; }
.user-list > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line); padding: 10px 2px 2px; }
.user-list span strong,
.user-list span small { display: block; }
.user-list span small { margin-top: 2px; color: var(--muted); font-size: .68rem; }
.user-list b { border-radius: 999px; background: #eaf5ed; padding: 5px 8px; color: var(--green); font-size: .66rem; }

.analytics-panel {
  margin: 12px 0 16px;
  border-radius: var(--radius);
  background: var(--green-dark);
  padding: 17px;
  color: #fff;
  box-shadow: 0 18px 38px rgba(7,26,18,.2);
}
.analytics-panel[hidden] { display: none; }
.analytics-panel .eyebrow { color: var(--lime); }
.analytics-panel .compare-icon { background: rgba(255,255,255,.1); color: var(--lime); }
.analytics-panel h3 { color: #fff; }
.analytics-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 15px; }
.analytics-grid > div { border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.06); padding: 11px; }
.analytics-grid span { display: block; color: rgba(255,255,255,.58); font-size: .68rem; }
.analytics-grid strong { display: block; margin-top: 4px; color: var(--lime); font-size: 1.25rem; }
.analytics-breakdown { display: grid; gap: 14px; margin-top: 16px; }
.analytics-breakdown h4 { margin: 0 0 8px; color: rgba(255,255,255,.82); font-size: .75rem; }
.analytics-breakdown section > div { display: grid; grid-template-columns: 92px 1fr 22px; align-items: center; gap: 7px; margin-top: 6px; }
.analytics-breakdown span { overflow: hidden; color: rgba(255,255,255,.62); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.analytics-breakdown i { height: 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.1); }
.analytics-breakdown i b { display: block; height: 100%; border-radius: inherit; background: var(--lime); }
.analytics-breakdown strong { color: #fff; font-size: .68rem; text-align: right; }
.export-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 17px; }
.export-actions a { border: 1px solid rgba(255,255,255,.15); border-radius: 10px; background: rgba(255,255,255,.08); padding: 9px; color: #fff; font-size: .68rem; font-weight: 800; text-align: center; text-decoration: none; }

.backfill-panel { margin-top: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 14px; }
.backfill-panel[hidden] { display: none; }
.backfill-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.backfill-head h3 { margin: 2px 0 0; }
.backfill-track { height: 8px; overflow: hidden; margin-top: 14px; border-radius: 999px; background: #e5ebe6; }
.backfill-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--green), #61b36e); transition: width .3s ease; }
.backfill-panel > p { margin: 8px 0 0; color: var(--muted); font-size: .7rem; }

.compare-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.compare-heading h3 { margin: 2px 0 0; font-size: 1.08rem; }
.compare-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: #eaf5ed;
  color: var(--green);
  font-size: 1.2rem;
  font-weight: 900;
}

.compare-selectors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 16px;
}

.compare-selectors label { margin: 0; font-size: .7rem; }
.compare-selectors select {
  width: 100%;
  min-width: 0;
  margin-top: 6px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fbfcfb;
  padding: 10px 8px;
  color: var(--ink);
  outline: 0;
}
.compare-selectors select:focus { border-color: var(--green); }

.compare-profiles {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin: 20px 0 14px;
}

.compare-player { display: grid; justify-items: center; min-width: 0; text-align: center; }
.compare-player strong { overflow: hidden; width: 100%; margin-top: 8px; text-overflow: ellipsis; white-space: nowrap; font-size: .84rem; }
.compare-player span, .compare-player small { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: .67rem; }
.compare-player b { margin-top: 8px; border-radius: 9px; background: var(--green-dark); padding: 6px 10px; color: var(--lime); font-size: 1rem; }
.compare-avatar { width: 60px; height: 60px; }
.versus { color: #9aa59d; font-size: .68rem; font-weight: 950; }

.compare-metrics { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; }
.compare-metrics > div {
  display: grid;
  grid-template-columns: 58px 1fr 58px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 9px;
  text-align: center;
}
.compare-metrics > div:last-child { border-bottom: 0; }
.compare-metrics span { color: var(--muted); font-size: .72rem; }
.compare-metrics strong { font-size: .78rem; }
.compare-metrics .winner { color: var(--green); }

label {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 13px;
  outline: 0;
}

input:focus {
  border-color: var(--green);
}

.score-grid,
.mini-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 14px;
}

.score-grid div,
.mini-stats div {
  border-radius: 8px;
  background: #eef5ef;
  padding: 12px;
}

.score-grid span,
.mini-stats span {
  display: block;
  color: var(--muted);
  font-size: 0.75rem;
}

.score-grid strong,
.mini-stats strong {
  display: block;
  margin-top: 3px;
  font-size: 1.12rem;
}

.bottom-nav {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: 560px;
  margin: 0 auto;
  border-top: 1px solid rgba(223,229,223,.8);
  background: rgba(255, 255, 255, 0.94);
  padding: 7px 10px calc(7px + env(safe-area-inset-bottom));
  backdrop-filter: blur(18px);
}
.bottom-nav[hidden] { display: none; }

@media (max-width: 520px) {
  .player-hub-grid { grid-template-columns: 1fr; }
  .player-module { min-height: 0; }
  .app-mode-switch { margin-inline: 12px; }
  .chat-room { grid-template-columns: 36px 1fr; }
  .chat-room button { grid-column: 2; justify-self: start; }
  .live-actions { align-items: flex-start; flex-direction: column; }
  .ranked-picks { grid-template-columns: 1fr; }
  .manager-squad-grid { grid-template-columns: 1fr; }
  .prediction-fixture-card { grid-template-columns: 54px 1fr; }
  .prediction-fixture-card > small { grid-column: 2; text-align: left; }
  .predicted-goal-row { grid-template-columns: 38px 1fr; }
  .predicted-goal-row label:last-child { grid-column: 2; }
}

.bottom-nav button {
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 7px 4px;
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 850;
}
.bottom-nav button { font-size: .48rem; line-height: 1.05; }

.bottom-nav button span {
  display: block;
  height: 19px;
  margin-bottom: 2px;
  font-size: 1rem;
  line-height: 19px;
}

.bottom-nav button.active {
  background: transparent;
  color: var(--green);
}

.bottom-nav button.active span {
  color: var(--green-dark);
  transform: translateY(-1px);
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: grid;
  align-items: end;
  background: rgba(14, 20, 17, 0.45);
}

.team-detail {
  width: min(100%, 560px);
  max-height: 86vh;
  overflow: auto;
  margin: 0 auto;
  border-radius: 16px 16px 0 0;
  background: var(--surface);
  padding: 16px 14px 24px;
}

.detail-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 48px;
}

.close-button {
  float: right;
  font-size: 1rem;
}

.squad-list {
  display: grid;
  gap: 8px;
}

.squad-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
  text-align: left;
  cursor: pointer;
}

.squad-item > div:nth-child(2) { min-width: 0; }
.squad-item strong, .squad-item small { display: block; }
.squad-item small { margin-top: 2px; color: var(--muted); font-size: .7rem; }
.squad-item > b { margin-left: auto; border-radius: 8px; background: var(--green-dark); padding: 6px 8px; color: var(--lime); font-size: .72rem; }
.squad-heading { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }
.squad-heading h3 { margin: 0 0 10px; }
.squad-count { margin-bottom: 10px; color: var(--muted); font-size: .7rem; }

.team-form { display: flex; align-items: center; gap: 9px; margin-top: 12px; border-radius: 11px; background: #f0f5f1; padding: 9px 11px; }
.team-form > span { color: var(--muted); font-size: .7rem; font-weight: 750; }
.team-form > div { display: flex; gap: 4px; }
.team-form b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 7px; color: #fff; font-size: .62rem; }
.team-form .form-w { background: var(--green); }
.team-form .form-d { background: #b38a32; }
.team-form .form-l { background: var(--red); }
.team-form > strong { margin-left: auto; font-size: .7rem; }
.team-form small { color: var(--muted); }

.team-fixtures-title { margin-bottom: 8px; }
.team-fixtures { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; }
.team-fixtures > div { display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 7px; border-bottom: 1px solid var(--line); padding: 9px; }
.team-fixtures > div:last-child { border-bottom: 0; }
.team-fixtures time { color: var(--muted); font-size: .65rem; }
.team-fixtures span { overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.team-fixtures span b { color: var(--green); }

.avatar {
  background: #d9e2dc;
  color: var(--green);
}

.avatar.large {
  width: 58px;
  height: 58px;
  font-size: 1rem;
}

.role-fit,
.attribute-groups,
.report-grid {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.fm-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 18px; }
.fm-heading h3 { margin: 0; }
.fm-heading span, .fm-note, .role-fit small { color: var(--muted); font-size: .7rem; }
.fm-note { margin: 7px 0 0; line-height: 1.45; }
.attribute-groups { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); align-items: start; }
.attribute-row > span { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.attribute-source { border-radius: 999px; padding: 2px 5px; font-size: .52rem; font-weight: 850; letter-spacing: .035em; white-space: nowrap; }
.source-data { background: #dcefe5; color: var(--green); }
.source-scout { background: #e6e7f5; color: var(--navy); }
.source-required { background: #eceeec; color: #6f756f; }
.attribute-row.unknown strong { background: #dfe3df; color: #697069; }
.role-fit small { display: block; margin: -3px 0 7px; }

.role-fit div,
.attribute-group,
.report-grid div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfb;
  padding: 10px;
}

.role-fit span,
.report-grid span {
  display: block;
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.role-fit strong {
  display: block;
  margin: 3px 0 7px;
}

.role-fit div div {
  height: 7px;
  border: 0;
  background: #e3e9e4;
  padding: 0;
  overflow: hidden;
}

.role-fit i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--green);
}

.attribute-group h4 {
  margin: 0 0 8px;
  font-size: 0.86rem;
}

.attribute-row {
  display: grid;
  grid-template-columns: 1fr 34px;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.82rem;
}

.attribute-row strong {
  border-radius: 6px;
  padding: 4px 0;
  text-align: center;
  color: #fff;
}

.attribute-row.weak strong {
  background: #8a8f89;
}

.attribute-row.average strong {
  background: #c38b2f;
}

.attribute-row.good strong {
  background: var(--green);
}

.attribute-row.elite strong {
  background: var(--navy);
}

.report-grid strong {
  display: block;
  margin-top: 4px;
  font-size: 0.9rem;
}

.data-error {
  margin: 12px;
  border-radius: 8px;
  background: #fff1f1;
  color: var(--red);
  padding: 10px;
  font-size: 0.85rem;
  font-weight: 800;
}

.sync-button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 8px;
  background: var(--green);
  color: #fff;
  padding: 10px 12px;
  font-size: 0.82rem;
  font-weight: 850;
}

.sync-button:disabled {
  opacity: 0.65;
}

.admin-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.admin-grid div,
.empty-state {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.data-editor-form,
.data-editor-fields {
  display: grid;
  gap: 10px;
}

.data-editor-form input,
.data-editor-form select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 11px;
  color: var(--ink);
  font: inherit;
}

.data-editor-colors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.stats-editor { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin: 2px 0; border: 1px solid var(--line); border-radius: 9px; padding: 10px; }
.stats-editor legend { padding: 0 6px; color: var(--muted); font-size: 0.78rem; font-weight: 850; }
.stats-editor label span { display: block; margin-bottom: 4px; color: var(--muted); font-size: 0.7rem; font-weight: 800; }

.schedule-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.schedule-form label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 0.8rem; font-weight: 800; }
.schedule-form select { border: 1px solid var(--line); border-radius: 7px; background: var(--surface); padding: 7px; }
.schedule-form button { grid-column: 1 / -1; }

.quality-panel { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: 14px; }
.quality-count { min-width: 32px; border-radius: 999px; background: #fff1f1; padding: 6px 9px; color: var(--red); text-align: center; font-weight: 900; }
.quality-filters { display: flex; gap: 7px; margin: 12px 0; overflow-x: auto; }
.quality-filters button { border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 7px 10px; color: var(--muted); font-weight: 800; }
.quality-filters button.active { border-color: var(--green); background: #eef5ef; color: var(--green); }
.quality-list { display: grid; gap: 7px; max-height: 360px; overflow-y: auto; }
.quality-item { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 10px; width: 100%; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 10px; text-align: left; }
.quality-item i { width: 8px; height: 34px; border-radius: 99px; background: #9aa39c; }
.quality-item.high i { background: var(--red); }
.quality-item.medium i { background: #c38b2f; }
.quality-item.low i { background: var(--green); }
.quality-item span strong, .quality-item span small { display: block; }
.quality-item span small { margin-top: 2px; color: var(--muted); font-size: 0.73rem; }
.quality-item b { color: var(--muted); font-size: 1.2rem; }

.audit-panel { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: 14px; }
.audit-list { display: grid; gap: 8px; max-height: 360px; overflow-y: auto; }
.audit-item { display: grid; grid-template-columns: 1fr auto; gap: 5px 10px; border-bottom: 1px solid var(--line); padding: 8px 2px; }
.audit-item:last-child { border-bottom: 0; }
.audit-item div strong, .audit-item div span, .audit-item p small { display: block; }
.audit-item div span, .audit-item p, .audit-item em { color: var(--muted); font-size: 0.73rem; }
.audit-item p { margin: 0; text-align: right; }
.audit-item em { grid-column: 1 / -1; font-style: normal; }

.review-panel { border: 1px solid #e2b35d; border-radius: 10px; background: #fffaf0; padding: 14px; }
.review-badge { border-radius: 999px; background: #f5dfb7; padding: 5px 8px; color: #815913; font-size: 0.68rem; font-weight: 900; }
.review-panel > p { color: var(--muted); font-size: 0.8rem; }
.review-differences { display: grid; gap: 5px; max-height: 260px; overflow-y: auto; }
.review-differences div { display: grid; grid-template-columns: 1fr 70px 35px 16px 35px; align-items: center; gap: 5px; border-bottom: 1px solid #eadbc0; padding: 7px 0; font-size: 0.73rem; }
.review-differences span { color: var(--muted); }
.review-differences del { color: var(--red); text-decoration: none; }
.review-differences ins { color: var(--green); font-weight: 850; text-decoration: none; }
.review-actions { display: grid; grid-template-columns: 1fr 1.5fr; gap: 8px; margin-top: 12px; }

.admin-grid span {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
}

.admin-grid strong {
  display: block;
  margin-top: 5px;
  font-size: 1rem;
  word-break: break-word;
}

.sync-log {
  display: grid;
  gap: 8px;
}

.sync-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
}

.sync-item small {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
}

.sync-item span {
  border-radius: 999px;
  background: #eef5ef;
  padding: 5px 8px;
  color: var(--green);
  font-size: 0.72rem;
  font-weight: 850;
}

.sync-item.failed span {
  background: #fff1f1;
  color: var(--red);
}

.empty-state {
  color: var(--muted);
  font-size: 0.84rem;
}

@media (min-width: 720px) {
  .app-shell {
    border-right: 1px solid var(--line);
    border-left: 1px solid var(--line);
  }

  .team-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 370px) {
  .compare-selectors { grid-template-columns: 1fr; }
  .scout-ratings { grid-template-columns: 1fr; }
  .discovery-filters { grid-template-columns: 1fr; }
  .discovery-filters input { grid-column: auto; }
}

/* Visual polish — production pass */
:root {
  --bg: #f4f6f2;
  --ink: #10251b;
  --muted: #718077;
  --line: #e1e8e2;
  --green: #07834b;
  --green-dark: #061d13;
  --lime: #c9ff57;
  --shadow: 0 14px 34px rgba(12, 43, 29, 0.09);
}

html { background: #e8ede8; }
body { overflow-x: hidden; background-image: radial-gradient(circle at 12% -5%, rgba(201,255,87,.17), transparent 280px), radial-gradient(circle at 92% 20%, rgba(7,131,75,.06), transparent 260px); }
.app-shell { width: min(100vw, 560px); min-width: 0; max-width: 100vw; overflow-x: hidden; padding-inline: 16px; }
main, .screen, .topbar, .league-hero, .table-wrap { width: min(calc(100vw - 32px), 528px); min-width: 0; max-width: 100%; }
.topbar { margin: 0; padding: 12px 0 14px; }
.topbar .brand { min-width: 0; }
.top-actions { flex: 0 0 auto; }
.brand-mark { position: relative; width: 44px; height: 44px; border-radius: 14px 14px 14px 5px; background: linear-gradient(145deg, #052318, #0a4a30); box-shadow: 0 10px 24px rgba(6,29,19,.23); }
.brand-mark::after { position: absolute; right: 6px; bottom: 4px; color: var(--lime); content: "•"; font-size: .48rem; }
.brand h1 { font-size: 1.22rem; letter-spacing: -.055em; }
.brand p { color: #7c8981; font-size: .66rem; letter-spacing: .01em; }
.account-button, .icon-button { border-color: rgba(207,217,209,.8); box-shadow: 0 7px 18px rgba(12,43,29,.055); }

.league-hero { min-height: 184px; margin-top: 5px; border-radius: 27px 27px 27px 9px; background: linear-gradient(135deg, #061d13 0%, #0a5033 68%, #0b7e49 100%); padding: 23px; box-shadow: 0 22px 45px rgba(6,47,29,.2); }
.league-hero::after { position: absolute; right: 29px; bottom: -42px; width: 92px; height: 150px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; transform: rotate(28deg); }
.league-hero strong { max-width: 255px; font-size: 1.58rem; }
.league-hero p { margin-top: 14px; }
.hero-ball { font-size: 3.55rem; opacity: .72; }
.hero-metrics { position: relative; z-index: 1; display: flex; gap: 7px; margin-top: 17px; }
.hero-metrics span { border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.07); padding: 5px 8px; color: rgba(255,255,255,.68); font-size: .58rem; font-weight: 750; }
.hero-metrics b { color: #fff; }
.live-badge { box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }

.match-center { margin-top: 0; }
.match-center-head h2, .section-head h2 { letter-spacing: -.035em; }
.match-tabs { background: #e6ece7; }
.fixture-strip { margin-inline: -16px; padding-inline: 16px; }
.fixture-card { border-color: #e3e9e4; border-radius: 18px 18px 18px 7px; box-shadow: 0 10px 25px rgba(20,48,34,.07); }
.fixture-skeleton { height: 126px; background: linear-gradient(100deg,#fff 20%,#edf2ee 45%,#fff 70%); background-size: 260% 100%; animation: shimmer 1.4s infinite linear; }

.section-head { align-items: center; margin-top: 18px; }
.section-head p { margin-top: 3px; font-size: .79rem; }
.pill { border: 1px solid rgba(114,155,42,.12); background: #e8f8c7; color: #315b1e; padding: 6px 9px; font-size: .68rem; }
.table-wrap { max-width: 100%; border-color: #e4e9e5; border-radius: 19px 19px 19px 8px; box-shadow: 0 14px 35px rgba(20,48,34,.075); }
.standings-table th { background: #f9fbf9; }
.standings-table td:first-child, .standings-table th:first-child { padding-left: 13px; }
.standings-table td:last-child, .standings-table th:last-child { padding-right: 13px; font-weight: 900; }
.standings-table tbody tr { transition: background .16s ease; }
.table-skeleton { color: #dbe2dc; }
.table-skeleton td:nth-child(2) { display: flex; align-items: center; gap: 9px; }
.table-skeleton i { width: 34px; height: 34px; border-radius: 50%; background: #edf1ed; }
.table-skeleton span { width: 105px; height: 9px; border-radius: 9px; background: #edf1ed; }

.team-card, .evaluation-card, .leader-card, .discovery-card, .compare-card, .scout-card { border-color: #e3e9e4; border-radius: 19px 19px 19px 7px; box-shadow: 0 10px 27px rgba(18,45,31,.065); }
.team-card { min-height: 74px; }
.crest, .avatar { box-shadow: inset 0 0 0 1px rgba(7,26,18,.05); }

.bottom-nav { border: 1px solid rgba(218,226,219,.85); border-bottom: 0; border-radius: 21px 21px 0 0; box-shadow: 0 -12px 35px rgba(14,45,29,.09); }
.bottom-nav button { position: relative; padding-block: 8px 6px; transition: color .18s ease, transform .18s ease; }
.bottom-nav button.active { color: var(--green); transform: translateY(-1px); }
.bottom-nav button.active::before { position: absolute; top: 1px; left: 50%; width: 22px; height: 3px; border-radius: 9px; background: var(--lime); content: ""; transform: translateX(-50%); }

button { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(7,131,75,.2); outline-offset: 2px; }
@keyframes shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }

@media (max-width: 430px) {
  .topbar .brand { gap: 8px; }
  .topbar .brand-mark { width: 38px; height: 38px; border-radius: 12px 12px 12px 5px; }
  .topbar .brand h1 { font-size: 1.05rem; }
  .topbar .brand p { display: none; }
  .top-actions { gap: 5px; }
  .top-actions .icon-button { width: 36px; height: 36px; border-radius: 11px; font-size: 1.08rem; }
  .top-actions .account-button { height: 36px; gap: 4px; border-radius: 11px; padding-inline: 7px; }
  .top-actions .account-button b { max-width: 42px; font-size: .62rem; }
  th, td { padding-inline: 7px; font-size: .79rem; }
  th:nth-child(2), td:nth-child(2) { min-width: 152px; }
  .hero-ball { position: absolute; right: 21px; top: 55px; }
  .league-hero strong { max-width: 230px; }
}

@media (max-width: 340px) {
  .topbar .brand h1 { font-size: .94rem; }
  .top-actions { gap: 4px; }
  .top-actions .icon-button { width: 34px; height: 34px; }
  .top-actions .account-button { height: 34px; padding-inline: 6px; }
  .top-actions .account-button b { max-width: 34px; }
}

.fixture-strip { scroll-behavior: smooth; }
.fixture-card.is-live { border-color: rgba(211,77,77,.5); box-shadow: 0 12px 28px rgba(211,77,77,.12); }
.fixture-card.is-live .fixture-meta span { color: var(--red); font-weight: 900; }
.live-score-status { display: inline-flex; vertical-align: 2px; margin-left: 4px; border-radius: 999px; background: #ffe5e5; padding: 4px 6px; color: var(--red); font-size: .55rem; letter-spacing: .04em; }
.live-score-status[hidden] { display: none; }

.standings-team-button { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent; padding: 0; color: var(--ink); text-align: left; cursor: pointer; }
.standings-team-button:hover { color: var(--green); }
.table-form { display: flex; justify-content: flex-end; gap: 3px; }
.table-form i { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 6px; color: #fff; font-size: .53rem; font-style: normal; font-weight: 900; }
.table-form .form-w { background: var(--green); }
.table-form .form-d { background: #b78a2d; }
.table-form .form-l { background: var(--red); }

.team-grid { grid-template-columns: 1fr; }
.team-card { border-radius: 15px; box-shadow: 0 7px 18px rgba(18,45,31,.055); }
.team-market-identity { display: grid; flex: 0 0 68px; justify-items: center; gap: 4px; }
.team-market-identity > small { max-width: 72px; color: var(--green); font-size: .49rem; font-weight: 900; line-height: 1.1; text-align: center; }
.team-honours { display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin-left: auto; border: 1px solid #eadcb5; border-radius: 11px; background: #fffaf0; padding: 5px 7px; color: #7d5a17; }
.team-honours > img { width: 25px; height: 25px; flex: 0 0 auto; }
.honour-badge { display: grid; min-width: 31px; border-left: 1px solid rgba(125,90,23,.16); padding-left: 5px; text-align: center; line-height: 1; }
.honour-badge small { color: #8b7447; font-size: .48rem; font-weight: 900; letter-spacing: .03em; }
.honour-badge b { margin-top: 3px; font-size: .78rem; }
.honour-uefaCup, .honour-uefaSuperCup { min-width: auto; }
.honour-uefaCup small, .honour-uefaSuperCup small { max-width: 54px; line-height: 1.05; }
.honour-uefaCup b, .honour-uefaSuperCup b { color: #1257a5; }
.honour-empty { max-width: 58px; color: var(--muted); font-size: .56rem; line-height: 1.1; }
.club-honours-detail { display: flex; align-items: center; gap: 10px; margin-top: 9px; border: 1px solid #eadcb5; border-radius: 12px; background: #fffaf0; padding: 9px 10px; }
.club-honours-detail > img { width: 31px; height: 31px; flex: 0 0 auto; }
.club-honours-detail > div { display: flex; flex-wrap: wrap; gap: 7px; }
.club-honours-detail .honour-badge { display: flex; align-items: center; gap: 6px; min-width: auto; border: 0; border-radius: 8px; background: rgba(125,90,23,.07); padding: 6px 8px; }
.club-honours-detail .honour-badge small { font-size: .62rem; }
.club-honours-detail .honour-badge b { margin: 0; font-size: .8rem; }

.mini-stats { grid-template-columns: repeat(5, 1fr); }
.advanced-heading { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; }
.advanced-heading h3 { margin: 0; }
.advanced-coverage { border-radius: 999px; background: #edf4ee; padding: 5px 8px; color: var(--green); font-size: .65rem; font-weight: 850; }
.advanced-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 10px; }
.advanced-stats > div { border: 1px solid var(--line); border-radius: 9px; background: #f8faf8; padding: 9px; }
.advanced-stats span { display: block; color: var(--muted); font-size: .64rem; }
.advanced-stats strong { display: block; margin-top: 4px; font-size: .83rem; }
.advanced-stats .advanced-empty { grid-column: 1 / -1; color: var(--muted); font-size: .75rem; }

/* Kulüp renklerinden üretilen takım temaları */
.team-card.club-themed { position: relative; isolation: isolate; overflow: hidden; border-color: color-mix(in srgb, var(--club-a) 34%, #dfe7e1); background: linear-gradient(105deg, color-mix(in srgb, var(--club-a) 16%, #fff) 0%, #fff 52%, color-mix(in srgb, var(--club-b) 13%, #fff) 100%); }
.team-card.club-themed::before { position: absolute; inset: 0 auto 0 0; z-index: -1; width: 6px; background: linear-gradient(180deg, var(--club-a), var(--club-b)); content: ""; }
.team-card.club-themed::after { position: absolute; z-index: -1; right: -34px; top: -48px; width: 118px; height: 118px; border: 18px solid color-mix(in srgb, var(--club-b) 9%, transparent); border-radius: 50%; content: ""; }
.team-card.club-themed:hover { border-color: var(--club-a); box-shadow: 0 13px 27px color-mix(in srgb, var(--club-a) 18%, transparent); }
.team-card.club-themed .crest { border: 2px solid color-mix(in srgb, var(--club-a) 50%, #fff); background: color-mix(in srgb, var(--club-a) 10%, #fff); box-shadow: 0 5px 14px color-mix(in srgb, var(--club-a) 20%, transparent); }
.team-card.club-themed > div:nth-child(2) strong { color: color-mix(in srgb, var(--club-a) 72%, #18221d); }
.team-card.club-themed .team-honours { border-color: color-mix(in srgb, var(--club-a) 28%, #eadcb5); background: color-mix(in srgb, var(--club-b) 8%, #fffaf0); }
.team-detail.club-themed-detail .club-honours-detail { border-color: color-mix(in srgb, var(--club-a) 22%, #eadcb5); background: color-mix(in srgb, var(--club-b) 7%, #fffaf0); }
.team-detail.club-themed-detail { background: linear-gradient(160deg, color-mix(in srgb, var(--club-a) 17%, #fff) 0, color-mix(in srgb, var(--club-b) 10%, #fff) 125px, #fff 210px); }
.team-detail.club-themed-detail .detail-head { min-height: 86px; margin: -4px -2px 12px; border-bottom: 1px solid color-mix(in srgb, var(--club-a) 22%, var(--line)); padding: 10px 50px 14px 5px; }
.team-detail.club-themed-detail .detail-head h2 { color: color-mix(in srgb, var(--club-a) 76%, #142019); }
.team-detail.club-themed-detail .crest.large { border: 2px solid color-mix(in srgb, var(--club-a) 55%, #fff); box-shadow: 0 8px 22px color-mix(in srgb, var(--club-a) 23%, transparent); }
.team-detail.club-themed-detail .mini-stats > div { border-color: color-mix(in srgb, var(--club-a) 17%, var(--line)); }
.team-detail.club-themed-detail .mini-stats strong { color: color-mix(in srgb, var(--club-a) 72%, var(--ink)); }
@media (max-width: 430px) {
  .standings-table { min-width: 0; table-layout: auto; }
  .standings-table th:nth-child(n+4):nth-child(-n+7),
  .standings-table td:nth-child(n+4):nth-child(-n+7) { display: none; }
  .standings-table th:nth-child(2), .standings-table td:nth-child(2) { min-width: 145px; }
  .standings-table th:nth-child(8), .standings-table td:nth-child(8) { min-width: 112px; text-align: center; }
  .table-form { justify-content: center; }
  .table-form i { width: 18px; height: 18px; }
  .mini-stats { grid-template-columns: repeat(3, 1fr); }
  .advanced-stats { grid-template-columns: repeat(2, 1fr); }
  .team-card { gap: 8px; padding-inline: 11px; }
  .team-honours { max-width: 190px; gap: 3px; padding-inline: 5px; }
  .team-honours > img { display: none; }
  .honour-badge { min-width: 27px; padding-left: 3px; }
  .honour-badge small { font-size: .43rem; }
  .honour-uefaCup small, .honour-uefaSuperCup small { max-width: 42px; }
}
.chat-dialog{max-width:720px}.chat-messages{display:grid;gap:8px;max-height:430px;overflow:auto;margin:18px 0;padding:12px;background:rgba(4,18,14,.45);border-radius:14px}.chat-message{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.07)}.chat-message b{color:#ddec55}.chat-message time{font-size:11px;opacity:.65}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px}.chat-compose input{min-width:0;padding:13px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#10231c;color:#fff}
.chat-message > button{grid-column:2/4;justify-self:end;border:0;background:transparent;color:#b9c7c0;font-size:10px;cursor:pointer}.chat-message.is-hidden{opacity:.65;font-style:italic}.moderation-panel{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px}.moderation-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.moderation-item small,.moderation-item em{display:block;color:var(--muted);font-size:.65rem}.moderation-item p{margin:7px 0}.moderation-item span{display:flex;gap:6px;align-items:center}.moderation-item button{border:0;border-radius:8px;padding:8px;background:var(--green-dark);color:#fff;font-size:.6rem}.moderation-item button+button{background:#dfe5e1;color:#27372f}
.chat-message time em{display:block;margin-top:3px;color:#ddec55;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}
.typing-indicator{margin:4px 0 -8px;color:#ddec55;font-size:.72rem;font-weight:750}.typing-indicator[hidden]{display:none}
.live-lobby{max-width:760px}.live-preview{display:grid;min-height:320px;place-items:center;gap:14px;margin-top:18px;border-radius:18px;background:#08140f;overflow:hidden}.live-preview video{width:100%;max-height:440px;background:#000}.viewer-wait{color:#aabbb0}.live-preview button{padding:12px 16px;border:0;border-radius:10px;background:var(--lime);font-weight:900}
.live-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;min-height:280px;margin:18px 0;padding:10px;border-radius:18px;background:#08140f}.live-video-grid video{width:100%;height:250px;object-fit:cover;border-radius:12px;background:#000}.live-lobby>[data-camera-check]{padding:12px 16px;border:0;border-radius:10px;background:var(--lime);font-weight:900}
.tv-broadcast-overlay { position:absolute; z-index:4; inset:0; overflow:hidden; border-radius:25px 31px 22px 29px / 22px 28px 25px 31px; background:radial-gradient(ellipse at center,#172c22,#050906 78%); padding:12px; color:#fff; }
.tv-broadcast-overlay .live-lobby { position:relative; display:flex; max-width:none; min-height:100%; flex-direction:column; padding-bottom:34px; }
.tv-live-heading { min-height:36px; padding-right:35px; }
.tv-live-heading h2 { display:inline; margin-right:6px !important; }.tv-live-heading p { display:inline; margin:0; color:#aebdb4; font-size:.55rem; }
.tv-broadcast-overlay .live-lobby h2 { margin:5px 36px 3px 0; font-size:1rem; }
.tv-broadcast-overlay .live-lobby > p { margin:3px 0; color:#b5c4bb; font-size:.62rem; }
.tv-broadcast-overlay .close-button { position:absolute; z-index:6; top:0; right:0; border-color:rgba(255,255,255,.3); background:#1d3026; color:#fff; }
.tv-broadcast-overlay .live-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; min-height:145px; margin:7px 0; padding:5px; border-radius:18px 22px 17px 21px; background:#000; }
.tv-broadcast-overlay .live-video-grid video { width:100%; height:100%; min-height:145px; max-height:190px; border-radius:10px; object-fit:cover; background:#050505; }
.tv-broadcast-overlay .form-feedback { color:#b9ee50; }
.tv-corner-brand { position:absolute; z-index:8; top:8px; right:42px; border-radius:4px; background:rgba(0,0,0,.62); padding:5px 7px; color:#b9ee50; font-size:.52rem; letter-spacing:.08em; }
.tv-broadcast-overlay.is-connected .tv-live-heading,.tv-broadcast-overlay.is-connected .form-feedback,.tv-broadcast-overlay.is-connected [data-camera-check] { display:none; }
.replacement-guest-form { position:absolute; z-index:9; top:38px; right:8px; display:grid; gap:4px; width:min(220px,70%); border-radius:8px; background:rgba(0,0,0,.82); padding:7px; color:#fff; font-size:.55rem; }.replacement-guest-form select,.replacement-guest-form button { min-width:0; border:0; border-radius:5px; padding:6px; font-size:.55rem; }.replacement-guest-form button { background:#b9ee50; color:#102117; font-weight:900; }
.tv-live-subtitles { position:absolute; z-index:7; right:0; bottom:0; left:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:7px; min-height:29px; overflow:hidden; background:rgba(0,0,0,.9); padding:5px 8px; border-top:2px solid #b9ee50; }
.tv-live-subtitles b { position:relative; z-index:2; background:#050805; padding-right:5px; color:#b9ee50; font-size:.48rem; }
.tv-live-subtitles span { display:block; width:max-content; min-width:100%; overflow:visible; color:#fff; font-size:.55rem; white-space:nowrap; animation:tv-subtitle-scroll 16s linear infinite; will-change:transform; }
@keyframes tv-subtitle-scroll { 0%,10% { transform:translateX(0); } 90%,100% { transform:translateX(calc(-100% - 45px)); } }
.moderator-subtitle-form { position:absolute; z-index:8; right:0; bottom:34px; left:0; display:grid; grid-template-columns:1fr auto; gap:5px; background:rgba(7,14,10,.84); padding:5px; }
.moderator-subtitle-form input { min-width:0; border:1px solid rgba(255,255,255,.2); border-radius:6px; background:#fff; padding:7px; font-size:.58rem; }.moderator-subtitle-form button { border:0; border-radius:6px; background:#b9ee50; padding:7px 9px; color:#102117; font-size:.56rem; font-weight:900; }
@media (max-width:600px) {
  body.live-viewing { overflow:hidden; background:#000; }
  body.live-viewing .tv-broadcast-overlay { position:fixed; z-index:9999; inset:0; width:100vw; height:100dvh; border-radius:0; padding:0; background:#000; }
  body.live-viewing .tv-broadcast-overlay .live-lobby { height:100%; padding:0 0 38px; }
  body.live-viewing .tv-live-heading, body.live-viewing .form-feedback { display:none; }
  body.live-viewing .tv-broadcast-overlay .live-video-grid { grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; min-height:0; height:calc(100dvh - 38px); margin:0; gap:2px; border-radius:0; padding:0; }
  body.live-viewing .tv-broadcast-overlay .live-video-grid video { width:100%; min-height:0; height:100%; max-height:none; border-radius:0; object-fit:cover; }
  body.live-viewing .tv-broadcast-overlay .close-button { top:8px; right:8px; background:rgba(0,0,0,.55); }
  body.live-viewing .tv-corner-brand { top:9px; right:48px; }
  body.live-viewing .tv-broadcast-overlay [data-camera-check] { position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%,-50%); }
  body.live-viewing .tv-broadcast-overlay [data-camera-check]:disabled { display:none; }
  body.live-viewing .tv-live-subtitles { min-height:38px; padding:7px 10px; }
  body.live-viewing .tv-live-subtitles span { font-size:.72rem; animation-duration:18s; }
  body.live-viewing .moderator-subtitle-form { bottom:38px; }
}
.prediction-global-leaderboard{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(8,31,22,.04)}.prediction-board-title{display:flex;justify-content:space-between;align-items:end;gap:12px}.prediction-board-title h3{margin:4px 0}.prediction-board-head,.prediction-board-row{display:grid;grid-template-columns:36px minmax(170px,1fr) 55px 55px 65px;gap:8px;align-items:center;padding:9px}.prediction-board-head{margin-top:12px;font-size:.62rem;font-weight:900;opacity:.6}.prediction-board-row{border-top:1px solid var(--line)}.prediction-board-row.is-me{background:rgba(187,238,80,.13)}.prediction-board-row>span{display:flex;align-items:center;gap:9px}.prediction-board-row img,.prediction-board-row i{width:32px;height:32px;border-radius:50%;object-fit:cover}.prediction-board-row i{display:grid;place-items:center;background:#17392a;color:#fff;font-style:normal}.prediction-board-row small{display:block;opacity:.65}
.broadcast-admin-panel { margin:14px 0; border:1px solid var(--line); border-radius:18px; background:#fff; padding:16px; box-shadow:0 8px 24px rgba(10,39,23,.07); }
.broadcast-admin-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
.broadcast-admin-form label { display:grid; gap:5px; color:var(--muted); font-size:.62rem; font-weight:800; }
.broadcast-admin-form input,.broadcast-admin-form select { min-width:0; border:1px solid var(--line); border-radius:9px; background:#fff; padding:10px; }
.broadcast-admin-form button,.broadcast-admin-form .form-feedback { grid-column:1/-1; }
.broadcast-admin-status { margin-top:13px; }.broadcast-session-card { border-radius:12px; background:#eef5f0; padding:12px; }.broadcast-session-card header { display:flex; justify-content:space-between; gap:8px; }.broadcast-invites { display:grid; gap:5px; margin-top:9px; }.broadcast-invites span { display:flex; justify-content:space-between; border-top:1px solid #d8e3db; padding-top:5px; font-size:.62rem; }.broadcast-session-actions { display:flex; gap:7px; margin-top:10px; }.broadcast-session-actions button { border:0; border-radius:7px; background:var(--green-dark); padding:8px 10px; color:#fff; font-weight:800; }.broadcast-session-actions button:disabled { opacity:.4; }
@media(max-width:600px){.broadcast-admin-form{grid-template-columns:1fr}.broadcast-admin-form button,.broadcast-admin-form .form-feedback{grid-column:auto}}
.poll-permission-button { border:0; border-radius:7px; background:#eef3ef; padding:7px 9px; color:var(--green-dark); font-size:.55rem; font-weight:850; }.poll-permission-button:disabled { opacity:.45; }
.membership-button,.poll-remove { border:0; border-radius:7px; background:#f8e8e8; padding:7px 9px; color:#9b2626; font-size:.55rem; font-weight:850; }.user-list>div.is-terminated { opacity:.62; background:#f5f5f5; }.poll-item { position:relative; }.poll-remove { position:absolute; top:8px; right:8px; }
.poll-report { margin-top:8px; border:0; background:transparent; color:#a04444; font-size:.55rem; text-decoration:underline; }
.public-player-link { border:0; background:transparent; padding:0; color:var(--green); font-size:.6rem; font-weight:850; cursor:pointer; }.public-profile-head { display:flex; align-items:center; gap:12px; }.public-profile-head>img,.public-profile-head>i { display:grid; width:64px; height:64px; place-items:center; border-radius:50%; background:#e5f1e8; object-fit:cover; color:var(--green); font-style:normal; font-weight:900; }.public-profile-head span { color:var(--green); font-size:.55rem; font-weight:900; }.public-profile-head h2 { margin:3px 0; }.public-profile-head p { margin:0; color:var(--muted); font-size:.65rem; }.public-profile-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:16px 0; }.public-profile-stats span { display:grid; border-radius:10px; background:#edf4ef; padding:11px; color:var(--muted); font-size:.56rem; }.public-profile-stats b { color:var(--green-dark); font-size:1rem; }
.follow-summary { display:flex; align-items:center; gap:12px; margin-top:13px; color:var(--muted); font-size:.6rem; }.follow-summary b { color:var(--green-dark); }.follow-summary button { margin-left:auto; border:0; border-radius:8px; background:var(--green-dark); padding:8px 12px; color:#fff; font-size:.6rem; font-weight:850; }
.follow-summary>span { cursor:pointer; }.follow-list { display:grid; gap:7px; margin-top:13px; }.follow-list>button { display:flex; align-items:center; gap:9px; width:100%; border:1px solid var(--line); border-radius:10px; background:#fff; padding:9px; text-align:left; }.follow-list img,.follow-list i { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:#e8f2ea; object-fit:cover; color:var(--green); font-style:normal; }.follow-list span { display:grid; }.follow-list small { color:var(--muted); }
.follow-summary .block-player-button { margin-left:0; background:#f7e8e8; color:#9b2626; }
.follow-summary .direct-message-button { margin-left:auto; background:#e8f2ea; color:var(--green-dark); }.follow-summary .direct-message-button+.block-player-button { margin-left:0; }
.direct-conversation-list { display:grid; gap:7px; margin-top:14px; }.direct-conversation-list>button { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:9px; width:100%; border:1px solid var(--line); border-radius:11px; background:#fff; padding:10px; text-align:left; }.direct-conversation-list img,.direct-conversation-list i { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; background:#e8f2ea; object-fit:cover; color:var(--green); font-style:normal; font-weight:900; }.direct-conversation-list span { display:grid; min-width:0; }.direct-conversation-list small { overflow:hidden; color:var(--muted); white-space:nowrap; text-overflow:ellipsis; }.direct-conversation-list time { color:var(--muted); font-size:.5rem; }
.weekly-user-welcome { display:flex; align-items:baseline; gap:7px; margin:7px 38px 3px 0; }.weekly-user-welcome strong { font-size:1rem; }.weekly-user-welcome small { color:var(--green); font-weight:800; }
#authUsernameField small { color:var(--muted); font-size:.55rem; font-weight:500; line-height:1.35; }
.profile-settings-form { display:grid; width:100%; gap:8px; margin:12px 0; }.profile-settings-form label { display:grid; gap:4px; color:var(--muted); font-size:.6rem; text-align:left; }.profile-settings-form input,.profile-settings-form select { border:1px solid var(--line); border-radius:9px; padding:9px; }.profile-settings-form .form-feedback { margin:0; font-size:.58rem; }
.account-security { width:100%; margin:4px 0 10px; border:1px solid var(--line); border-radius:10px; padding:9px; text-align:left; }.account-security summary { cursor:pointer; color:var(--green-dark); font-size:.65rem; font-weight:850; }.account-security form { display:grid; gap:7px; margin:10px 0; }.account-security label { display:grid; gap:4px; color:var(--muted); font-size:.58rem; }.account-security input { border:1px solid var(--line); border-radius:8px; padding:8px; }.account-security .form-feedback { font-size:.55rem; }