.auth-page { min-height:100%; display:flex; flex-direction:column; justify-content:center; gap:14px; }
.auth-home-btn { position:absolute; z-index:3; top:14px; left:14px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:14px; color:rgba(255,255,255,.86); background:rgba(255,255,255,.07); backdrop-filter:blur(12px); font-size:18px; font-weight:400; box-shadow:0 10px 24px rgba(0,0,0,.22); }
.auth-hero { text-align:center; }
.auth-hero .logo { margin:0 auto 12px; width:64px; height:64px; border-radius:24px; }
.auth-hero .logo::after { width:48px; height:48px; border-radius:18px; font-size:26px; }
.auth-hero .brand-logo { margin:0 auto 12px; width:64px; height:64px; border-radius:20px; }
.auth-hero h1 { max-width:330px; margin:0 auto; font-size:24px; line-height:1.08; letter-spacing:0; }
.auth-hero p { margin:8px auto 0; color:var(--muted); max-width:280px; font-size:13px; line-height:1.5; }
.auth-card { padding:14px; }
.login-mini-banner { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:8px; padding:9px 10px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); box-shadow:0 12px 28px rgba(0,0,0,.22); font-size:11px; line-height:1.35; }
.login-mini-banner span { color:rgba(255,255,255,.82); font-weight:850; }
.login-mini-banner button { border:0; border-radius:999px; padding:7px 9px; color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); font-size:10px; font-weight:950; white-space:nowrap; }
.login-mini-banner .banner-close { width:26px; height:26px; padding:0; display:grid; place-items:center; color:white; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.08); font-size:17px; font-weight:400; }
.auth-links { order:4; grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; margin-top:12px; color:var(--muted); font-size:12px; }
.auth-links button { border:0; background:transparent; color:var(--ai); font-weight:900; padding:0; }
.profile-hero { padding:16px; border-radius:26px; background:radial-gradient(circle at top right,rgba(82,232,255,.18),transparent 38%), linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.1); margin-bottom:12px; }
.profile-wallet { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.profile-wallet span { display:inline-flex; align-items:center; gap:4px; padding:5px 7px; border-radius:999px; color:rgba(255,255,255,.86); background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.08); font-size:10px; font-weight:950; }
.profile-wallet b { font-size:12px; line-height:1; }
.profile-performance { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.profile-performance span { display:inline-flex; align-items:center; gap:5px; padding:6px 8px; border-radius:999px; color:rgba(255,255,255,.82); background:rgba(80,250,155,.08); border:1px solid rgba(80,250,155,.16); font-size:10px; font-weight:900; }
.profile-performance b { color:var(--green); font-size:12px; }
.avatar { width:76px; height:76px; border-radius:28px; display:grid; place-items:center; font-size:36px; background:linear-gradient(135deg,rgba(255,77,77,.28),rgba(82,232,255,.2)); border:1px solid rgba(255,255,255,.14); }
.profile-row { display:flex; gap:13px; align-items:center; }
.profile-row h2 { margin:0; font-size:20px; }
.profile-row p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:12px 0; }
.stat { padding:12px 8px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); text-align:center; }
.stat strong { display:block; font-size:18px; }
.stat span { display:block; color:var(--muted); font-size:10px; margin-top:4px; }
.locked-badge { display:inline-flex; margin-top:8px; padding:6px 8px; border-radius:999px; background:rgba(255,209,102,.12); border:1px solid rgba(255,209,102,.2); color:var(--gold); font-size:10px; font-weight:900; }
.search-box { display:flex; gap:8px; margin-bottom:10px; }
.search-box .input { margin:0; }
.pred-mini { padding:13px; border-radius:22px; background:radial-gradient(circle at top right,rgba(255,77,77,.16),transparent 35%), rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.09); margin-bottom:10px; }
.pred-mini-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; margin-bottom:7px; }
.pred-mini h3 { min-width:0; margin:0; font-size:14px; line-height:1.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mini-score { min-width:46px; padding:5px 8px; border-radius:999px; color:var(--gold); text-align:center; background:rgba(0,0,0,.26); border:1px solid rgba(255,255,255,.1); font-size:11px; font-weight:950; line-height:1; }
.pred-mini p { margin:0; color:rgba(255,255,255,.72); font-size:12px; line-height:1.4; }
.detail-mini-btn { min-width:58px; padding:7px 10px; border-radius:999px; font-size:10px; line-height:1; box-shadow:none; }
.detail-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:12px 0; padding:6px; border-radius:22px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.detail-tab { border:0; border-radius:17px; padding:9px 4px; color:var(--muted); background:transparent; font-weight:900; font-size:10px; }
.detail-tab.active { color:white; background:linear-gradient(135deg,rgba(255,77,77,.34),rgba(82,232,255,.22)); }
.match-detail-tabs { grid-template-columns:repeat(3,1fr); margin-top:0; }
.match-detail-tabs .detail-tab { min-height:39px; font-size:10.5px; line-height:1.15; }
.phase-switch { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:14px 0; padding:6px; border-radius:22px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.phase-btn { border:0; border-radius:17px; padding:10px 6px; color:var(--muted); background:transparent; font-weight:900; font-size:12px; }
.phase-btn.active { color:white; background:linear-gradient(135deg,rgba(255,77,77,.34),rgba(82,232,255,.22)); box-shadow:0 10px 25px rgba(255,77,77,.14); }
.bar-row { margin:12px 0; }
.bar-head { display:flex; justify-content:space-between; color:rgba(255,255,255,.78); font-size:12px; margin-bottom:7px; }
.bar-track { height:10px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.bar-fill { height:100%; border-radius:99px; background:linear-gradient(90deg,var(--heat),var(--gold)); transform-origin:left; animation:growBar .75s ease both; }
.odds-card { padding:14px; }
.odds-card h2 { margin:0 0 10px; font-size:15px; }
.odds-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid rgba(255,255,255,.08); font-size:12px; }
.odds-row span { color:rgba(255,255,255,.72); }
.odds-row b { color:white; text-align:right; }
.analysis-groups { display:grid; gap:9px; }
.analysis-group { border-radius:20px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); overflow:hidden; }
.analysis-group-toggle { width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:0; padding:0 13px; color:white; background:transparent; text-align:left; font-size:12px; font-weight:950; }
.analysis-group-toggle span { min-width:0; line-height:1.25; }
.analysis-group-toggle b { width:22px; height:22px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:rgba(82,232,255,.82); background:rgba(82,232,255,.07); font-size:16px; font-weight:400; line-height:1; }
.analysis-group-toggle.open { background:linear-gradient(135deg,rgba(255,77,77,.12),rgba(82,232,255,.08)); }
.analysis-group-body { padding:0 13px 13px; }
.analysis-loading { display:flex; align-items:center; gap:10px; padding:12px; border-radius:16px; color:var(--muted); background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.07); font-size:12px; }
.analysis-loading p { margin:0; }
.mini-spinner { width:18px; height:18px; border-radius:50%; border:2px solid rgba(255,255,255,.13); border-top-color:var(--ai); animation:spin .75s linear infinite; }
.meme-card { position:relative; min-height:130px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; border-radius:26px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at 10% 10%,rgba(255,209,102,.28),transparent 28%), radial-gradient(circle at 95% 20%,rgba(255,107,214,.22),transparent 30%), linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); box-shadow:0 18px 42px rgba(0,0,0,.24); }
.meme-card::after { content:"😂"; position:absolute; right:14px; bottom:-8px; font-size:86px; opacity:.13; transform:rotate(-12deg); }
.meme-card small { color:var(--gold); font-size:11px; font-weight:900; letter-spacing:.08em; }
.meme-card h2 { margin:8px 0; font-size:20px; line-height:1.12; max-width:260px; }
.meme-card p { margin:0; color:rgba(255,255,255,.7); font-size:12px; }
.chat-box { display:flex; flex-direction:column; gap:10px; min-height:360px; }
.chat-msg { max-width:86%; padding:12px 13px; border-radius:20px; font-size:12px; line-height:1.45; animation:msgIn .28s ease both; }
.chat-msg.ai { align-self:flex-start; background:rgba(82,232,255,.12); border:1px solid rgba(82,232,255,.16); }
.chat-msg.user { align-self:flex-end; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); }
.chat-input { position:sticky; bottom:0; display:flex; gap:8px; padding-top:10px; background:linear-gradient(180deg,transparent,#05070d 20%); }
.chat-input input { flex:1; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.07); color:white; border-radius:18px; padding:12px 13px; outline:0; }
.chat-input button { width:46px; border:0; border-radius:17px; color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); font-weight:950; }
.empty-state { padding:20px; text-align:center; color:var(--muted); }
.content-pending-state {
  display: grid;
  gap: 8px;
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.055);
}
.content-pending-state b {
  color: var(--text);
  font-size: 16px;
}
.content-pending-state span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.game-list { display:grid; gap:9px; max-height:min(560px, calc(100dvh - 214px)); overflow-y:auto; padding-right:2px; scrollbar-width:none; }
.game-list::-webkit-scrollbar { display:none; }
.game-row { min-height:62px; display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:10px; padding:10px 11px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09); }
.game-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(135deg,rgba(82,232,255,.16),rgba(255,77,77,.14)); border:1px solid rgba(255,255,255,.1); font-size:21px; }
.game-main { min-width:0; }
.game-main h3 { margin:0; font-size:13px; line-height:1.25; }
.game-main span { display:block; margin-top:4px; color:var(--muted); font-size:10px; font-weight:850; }
.game-play-btn { padding:9px 12px; border-radius:15px; font-size:11px; }
.settings-list, .profile-action-list { display:grid; gap:9px; }
.settings-row, .profile-action-list button { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; min-height:62px; padding:12px; border-radius:20px; color:white; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09); }
.settings-row h3, .profile-action-list b { margin:0; font-size:13px; }
.settings-row p { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.35; }
.settings-row input[type="checkbox"] { width:42px; height:24px; accent-color:var(--green); }
.settings-row select { max-width:118px; margin:0; padding:9px; border-radius:14px; }
.settings-action-btn { min-width:76px; border:1px solid rgba(82,232,255,.18); border-radius:999px; padding:9px 10px; color:rgba(255,255,255,.76); background:rgba(255,255,255,.07); font-size:11px; font-weight:950; white-space:nowrap; }
.settings-action-btn.active { color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); box-shadow:0 10px 24px rgba(82,232,255,.13); }
.profile-action-list { margin:12px 0; }
.profile-action-list button { grid-template-columns:34px 1fr; text-align:left; border:1px solid rgba(255,255,255,.08); }
.profile-action-list button.active { border-color:rgba(82,232,255,.32); background:linear-gradient(135deg,rgba(82,232,255,.15),rgba(255,255,255,.055)); }
.profile-action-list span { width:34px; height:34px; display:grid; place-items:center; border-radius:14px; background:rgba(255,255,255,.08); }
.profile-history { margin:0 0 12px; padding:12px; border-radius:22px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); animation:msgIn .18s ease both; }
.profile-history-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; }
.profile-history-tabs button, .terms-tabs button { min-height:42px; border:1px solid rgba(255,255,255,.1); border-radius:16px; color:rgba(255,255,255,.74); background:rgba(255,255,255,.06); font-size:11px; font-weight:950; }
.profile-history-tabs button.active, .terms-tabs button.active { color:#061016; border-color:transparent; background:linear-gradient(135deg,var(--ai),var(--green)); }
.profile-history-content .profile-date-slider { margin-top:0; }
.profile-history-summary { min-height:92px; display:grid; place-items:center; align-content:center; gap:5px; padding:14px; border-radius:18px; text-align:center; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.07); }
.profile-history-summary strong { color:var(--gold); font-size:26px; line-height:1; }
.profile-history-summary span { max-width:250px; color:var(--muted); font-size:12px; line-height:1.4; }
.profile-record-list { display:grid; gap:8px; }
.profile-history-record { min-height:74px; justify-items:start; text-align:left; }
.profile-history-record span { max-width:none; }
.history-page { overflow-x:hidden; }
.history-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; padding:16px; margin-bottom:12px; border-radius:26px; background:radial-gradient(circle at top right,rgba(82,232,255,.2),transparent 40%), linear-gradient(155deg,rgba(255,255,255,.095),rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.1); box-shadow:var(--shadow); }
.history-hero small { color:var(--ai); font-size:10px; font-weight:950; letter-spacing:.07em; text-transform:uppercase; }
.history-hero h1 { margin:6px 0 7px; font-size:24px; line-height:1.05; letter-spacing:0; }
.history-hero p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.history-sync-btn, .history-clear-btn, .history-detail-btn { border:1px solid rgba(82,232,255,.18); border-radius:15px; padding:9px 10px; color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); font-size:10px; font-weight:950; white-space:nowrap; }
.history-sync-btn:disabled { opacity:.66; }
.history-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.history-stat-grid div { min-width:0; padding:11px 8px; border-radius:18px; text-align:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.history-stat-grid span { display:block; color:var(--muted); font-size:9px; font-weight:850; line-height:1.25; }
.history-stat-grid b { display:block; margin-top:5px; color:white; font-size:17px; line-height:1; }
.history-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.history-tabs button { min-height:58px; display:grid; align-content:center; gap:3px; border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:10px; color:white; text-align:left; background:rgba(255,255,255,.055); }
.history-tabs button.active { color:#061016; border-color:transparent; background:linear-gradient(135deg,var(--ai),var(--green)); box-shadow:0 12px 26px rgba(82,232,255,.14); }
.history-tabs b { font-size:12px; line-height:1.15; }
.history-tabs span { color:inherit; opacity:.72; font-size:9.5px; line-height:1.25; }
.history-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-bottom:12px; }
.history-toolbar .input { margin:0; }
.history-clear-btn { color:rgba(255,255,255,.82); background:rgba(255,255,255,.07); }
.history-content, .history-record-list { display:grid; gap:10px; }
.history-record-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:13px; border-radius:22px; background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.09); box-shadow:0 14px 30px rgba(0,0,0,.16); }
.history-record-main { min-width:0; }
.history-record-main small { color:var(--ai); font-size:9px; font-weight:950; letter-spacing:.06em; text-transform:uppercase; }
.history-record-main h3 { margin:5px 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:1.2; }
.history-record-main p { margin:0; color:var(--muted); font-size:10.5px; line-height:1.35; }
.history-pick { min-width:86px; display:grid; justify-items:end; align-content:center; gap:3px; text-align:right; }
.history-pick span { color:var(--muted); font-size:9px; font-weight:900; text-transform:uppercase; }
.history-pick b { color:white; font-size:18px; line-height:1; }
.history-pick em { padding:4px 7px; border-radius:999px; color:var(--green); background:rgba(80,250,155,.1); border:1px solid rgba(80,250,155,.14); font-style:normal; font-size:9px; font-weight:950; }
.history-pick.lost em { color:var(--danger); background:rgba(255,77,77,.1); border-color:rgba(255,77,77,.14); }
.history-pick.pending em, .history-pick.open em { color:var(--gold); background:rgba(255,209,102,.1); border-color:rgba(255,209,102,.15); }
.history-record-meta { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:9px; border-top:1px solid rgba(255,255,255,.08); }
.history-record-meta span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.56); font-size:10px; }
.history-detail-btn { flex:0 0 auto; padding:7px 10px; border-radius:13px; }
.history-empty { display:grid; gap:6px; border-radius:22px; background:rgba(255,255,255,.055); border:1px dashed rgba(255,255,255,.16); }
.history-empty b { color:white; font-size:15px; }
.history-empty span { color:var(--muted); font-size:12px; line-height:1.4; }
@media (max-width:390px) {
  .history-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .history-record-card { grid-template-columns:1fr; }
  .history-pick { justify-items:start; text-align:left; }
}
.contact-card, .subscription-card { padding:16px; border-radius:24px; background:radial-gradient(circle at top right,rgba(82,232,255,.16),transparent 40%), rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); box-shadow:var(--shadow); }
.contact-card small, .subscription-card small { color:var(--ai); font-weight:950; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.contact-card h1, .subscription-card h1 { margin:7px 0; font-size:22px; line-height:1.08; }
.contact-card p, .subscription-card p { margin:0 0 12px; color:rgba(255,255,255,.72); font-size:12px; line-height:1.45; }
.contact-card a { color:var(--gold); font-size:12px; font-weight:900; }
.contact-grid { display:grid; gap:9px; margin-top:12px; }
.contact-item { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px; border-radius:18px; color:white; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.contact-item span { color:var(--muted); font-size:11px; }
.mission-grid { display:grid; gap:9px; margin:12px 0; }
.mission-item { width:100%; display:grid; gap:6px; padding:13px; border:1px solid rgba(255,255,255,.08); border-radius:20px; color:white; text-align:left; background:rgba(255,255,255,.06); }
.mission-item.active { border-color:rgba(82,232,255,.3); background:linear-gradient(135deg,rgba(82,232,255,.12),rgba(255,255,255,.05)); }
.mission-item-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mission-item-head b { font-size:12px; }
.mission-item-head span { color:var(--muted); font-size:10px; font-weight:900; }
.mission-item h3 { margin:0; font-size:14px; line-height:1.25; }
.mission-item p { margin:0; color:rgba(255,255,255,.72); font-size:11px; line-height:1.45; }
.mission-detail-card { padding:16px; border-radius:24px; background:radial-gradient(circle at top right,rgba(255,209,102,.12),transparent 38%), rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); box-shadow:var(--shadow); }
.mission-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.mission-detail-head small { color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.mission-detail-head h2 { margin:5px 0 0; font-size:20px; line-height:1.15; }
.mission-status { display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:0 10px; border-radius:999px; font-size:10px; font-weight:950; white-space:nowrap; }
.mission-status.done { color:#061016; background:linear-gradient(135deg,var(--green),var(--ai)); }
.mission-status.pending { color:var(--gold); background:rgba(255,209,102,.12); border:1px solid rgba(255,209,102,.18); }
.mission-detail-card > p { margin:10px 0 0; color:rgba(255,255,255,.72); font-size:12px; line-height:1.45; }
.mission-progress-block { margin-top:14px; }
.mission-progress-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; font-size:12px; }
.mission-progress-head span { color:rgba(255,255,255,.72); }
.mission-progress-bar { height:10px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.mission-progress-fill { height:100%; border-radius:999px; background:linear-gradient(90deg,var(--gold),var(--green)); }
.mission-progress-block small { display:block; margin-top:7px; color:var(--muted); font-size:11px; }
.mission-meta-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:14px; }
.mission-meta-grid div { padding:12px; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
.mission-meta-grid span { display:block; color:var(--muted); font-size:10px; margin-bottom:4px; }
.mission-meta-grid b { font-size:12px; line-height:1.3; }
.mission-task-list { display:grid; gap:8px; margin-top:14px; }
.mission-task-row { display:grid; grid-template-columns:26px 1fr; gap:10px; align-items:start; padding:11px 12px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
.mission-task-row span { width:26px; height:26px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.08); font-size:12px; font-weight:950; }
.mission-task-row.done span { color:#061016; background:linear-gradient(135deg,var(--green),var(--ai)); }
.mission-task-row.pending span { color:var(--gold); background:rgba(255,209,102,.12); border:1px solid rgba(255,209,102,.18); }
.mission-task-row b { display:block; font-size:12px; }
.mission-task-row small { display:block; margin-top:3px; color:var(--muted); font-size:11px; line-height:1.4; }
.subscription-card strong { display:block; margin-bottom:14px; color:var(--gold); font-size:26px; }
.subscription-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:10px; }
.subscription-actions .btn { min-width:0; padding-inline:8px; }
.terms-tabs { display:flex; gap:8px; margin:0 -4px 12px; padding:0 4px 2px; overflow-x:auto; scrollbar-width:none; }
.terms-tabs::-webkit-scrollbar { display:none; }
.terms-tabs button { flex:0 0 auto; min-width:104px; padding:0 12px; white-space:nowrap; }
.terms-detail { padding:15px; border-radius:22px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); overflow:hidden; }
.terms-detail small { color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.terms-detail h2 { margin:5px 0 10px; font-size:20px; line-height:1.18; }
.terms-detail p, .terms-detail li, .terms-table td, .terms-table th { color:rgba(255,255,255,.76); font-size:12px; line-height:1.62; overflow-wrap:anywhere; }
.terms-summary { margin:0 0 14px; padding-bottom:13px; border-bottom:1px solid rgba(255,255,255,.08); }
.terms-section-list { display:grid; gap:15px; }
.terms-section { display:grid; gap:9px; }
.terms-section h3 { margin:0; color:white; font-size:14px; line-height:1.28; }
.terms-section h4 { margin:2px 0 0; color:var(--gold); font-size:12px; line-height:1.3; }
.terms-section p { margin:0; }
.terms-section ul { display:grid; gap:8px; margin:0; padding-left:18px; }
.terms-table-wrap { width:100%; overflow-x:auto; border-radius:16px; border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.16); }
.terms-table { min-width:100%; border-collapse:collapse; }
.terms-table th, .terms-table td { padding:10px; vertical-align:top; text-align:left; border-top:1px solid rgba(255,255,255,.08); }
.terms-table th { color:white; background:rgba(255,255,255,.06); font-weight:950; }
.terms-table tr:first-child td { border-top:0; }
@media (max-width:390px) {
  .terms-table, .terms-table thead, .terms-table tbody, .terms-table tr, .terms-table td { display:block; width:100%; }
  .terms-table thead { display:none; }
  .terms-table tr { padding:7px 0; border-top:1px solid rgba(255,255,255,.08); }
  .terms-table tr:first-child { border-top:0; }
  .terms-table td { border-top:0; padding:6px 10px; }
  .terms-table td::before { content:attr(data-label); display:block; margin-bottom:2px; color:var(--ai); font-size:10px; font-weight:950; }
}
.report-form { display:grid; gap:11px; }
.report-group { padding:13px; border-radius:20px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.report-group h2 { margin:0 0 10px; font-size:13px; }
.report-group textarea.input { min-height:112px; resize:vertical; }
.football-hero { display:grid; grid-template-columns:1fr 70px; align-items:center; gap:14px; min-height:126px; padding:16px; margin-bottom:14px; border-radius:26px; background:radial-gradient(circle at 90% 15%,rgba(80,250,155,.24),transparent 38%), linear-gradient(135deg,rgba(255,77,77,.18),rgba(82,232,255,.12)); border:1px solid rgba(255,255,255,.1); box-shadow:var(--shadow); overflow:hidden; }
.football-hero small { color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.football-hero h1 { margin:5px 0 7px; font-size:23px; line-height:1.05; }
.football-hero p { margin:0; color:rgba(255,255,255,.72); font-size:12px; line-height:1.4; }
.football-hero > span { width:64px; height:64px; display:grid; place-items:center; border-radius:24px; background:rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.12); font-size:35px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.football-week-toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:6px; }
.football-week-title { display:block; flex:1 1 auto; min-width:0; margin:0; }
.football-week-title h2 { margin:0; }
.football-week-title span { display:block; margin-top:2px; text-align:left; white-space:normal; }
.football-date-row { display:grid; grid-template-columns:36px minmax(0, 1fr); align-items:center; gap:8px; margin:0 0 10px; }
.football-calendar-btn { width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:12px; color:white; background:rgba(255,255,255,.08); font-size:15px; line-height:1; }
.football-date-input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.football-date-slider { grid-auto-columns:calc((100% - 32px) / 5); gap:8px; margin:0; padding:2px 0 4px; }
.football-date-chip { min-height:56px; padding:5px 4px; border-radius:15px; }
.football-date-chip span { font-size:10px; line-height:1; letter-spacing:0; }
.football-date-chip b { font-size:12px; line-height:1.05; }
.football-search-box { margin:0 0 10px; }
.football-league-section { margin-bottom:10px; padding:9px; border-radius:20px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.075); }
.football-league-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; padding:0 2px; }
.football-league-head small { display:block; color:var(--muted); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.football-league-head h2 { margin:2px 0 0; font-size:14px; }
.football-league-head span { min-width:36px; height:28px; display:grid; place-items:center; border-radius:10px; color:#061016; background:linear-gradient(135deg,var(--gold),var(--green)); font-size:10px; font-weight:950; }
.football-mini { margin-bottom:7px; padding:10px 11px; border-radius:18px; background:rgba(255,255,255,.055); }
.football-mini:last-child { margin-bottom:0; }
.football-mini p { font-size:11px; line-height:1.35; }
.football-mini h3 { display:flex; align-items:center; gap:6px; min-width:0; }
.football-mini h3 em { color:var(--muted); font-style:normal; font-size:10px; font-weight:950; }
.football-inline-team { display:inline-flex; align-items:center; gap:6px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.football-inline-team .team-logo { width:24px; height:24px; flex:0 0 auto; border-radius:9px; }
.football-inline-team .flag-art { width:24px; height:17px; flex:0 0 auto; border-radius:5px; }

.home-page, .profile-page, .prediction-detail-page { overflow-x:hidden; }
.season-menu { margin:12px 0 14px; padding:14px; border-radius:24px; background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.1); box-shadow:var(--shadow); touch-action:pan-y pinch-zoom; user-select:none; overflow:hidden; }
.champion-hero { padding-top:14px; }
.champion-title { position:relative; z-index:1; text-align:center; margin-bottom:12px; }
.champion-title small { color:var(--ai); font-size:10px; font-weight:950; letter-spacing:.12em; }
.champion-title h2 { margin:3px 0 0; font-size:18px; line-height:1; }
.champion-team { padding:8px 4px 10px; border-radius:20px; transition:.18s ease; }
.champion-team.voted { background:rgba(80,250,155,.09); box-shadow:inset 0 0 0 1px rgba(80,250,155,.22); }
.champion-cup { width:58px; height:58px; display:grid; gap:0; line-height:1; }
.champion-cup span { font-size:18px; }
.champion-cup b { font-size:12px; }
.vote-btn { margin-top:9px; border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:7px 9px; color:white; background:rgba(255,255,255,.08); font-size:10px; font-weight:950; }
.champion-team.voted .vote-btn { color:#061016; border-color:transparent; background:linear-gradient(135deg,var(--gold),var(--green)); }
.vote-status { position:relative; z-index:1; margin-top:10px; padding:9px 10px; border-radius:16px; text-align:center; color:rgba(255,255,255,.82); background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); font-size:11px; font-weight:850; }
.final-prediction-team { min-width:0; }
.final-prediction-team.is-empty { background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); }
.final-team-flag { border-color:rgba(82,232,255,.22); color:inherit; cursor:pointer; }
.final-team-placeholder-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:16px; color:rgba(255,255,255,.76); background:rgba(255,255,255,.08); font-size:22px; font-weight:900; }
.final-team-picker { max-width:100%; margin:0; padding:0 2px; border:0; color:inherit; background:transparent; font:inherit; font-size:14px; font-weight:950; line-height:1.16; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:normal; cursor:pointer; }
.final-prediction-team.is-empty .final-team-picker { color:var(--ai); font-size:12px; }
.vote-btn:disabled { opacity:.48; cursor:not-allowed; background:rgba(255,255,255,.06); }
.final-team-modal { position:fixed; z-index:70; inset:0; display:grid; place-items:center; padding:16px; background:rgba(0,0,0,.62); backdrop-filter:blur(10px); }
.final-team-popup { width:min(348px,100%); max-height:min(650px,92vh); display:grid; grid-template-rows:auto auto minmax(190px,1fr); gap:10px; padding:16px; border-radius:24px; background:linear-gradient(180deg,rgba(18,24,42,.98),rgba(9,13,25,.98)); border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 70px rgba(0,0,0,.58); }
.final-team-popup-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.final-team-popup-head small { color:var(--ai); font-size:10px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.final-team-popup-head h2 { margin:4px 36px 0 0; font-size:20px; line-height:1.05; }
.final-team-search input { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:11px 12px; color:white; background:rgba(255,255,255,.08); font-size:13px; font-weight:750; outline:none; }
.final-team-search input:focus { border-color:rgba(82,232,255,.48); box-shadow:0 0 0 3px rgba(82,232,255,.1); }
.final-team-list { min-height:0; display:grid; gap:8px; overflow:auto; padding-right:2px; }
.final-team-option { min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; padding:9px; border:1px solid rgba(255,255,255,.1); border-radius:16px; color:white; background:rgba(255,255,255,.06); text-align:left; }
.final-team-option.active { border-color:rgba(80,250,155,.45); background:rgba(80,250,155,.12); }
.final-team-option:disabled { opacity:.42; cursor:not-allowed; }
.final-team-option-flag { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; background:rgba(255,255,255,.1); font-size:24px; overflow:hidden; }
.final-team-option-flag .team-logo { width:32px; height:32px; border-radius:11px; }
.final-team-option-copy { min-width:0; display:grid; gap:3px; }
.final-team-option-copy b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; line-height:1.1; }
.final-team-option-copy small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:10px; font-weight:850; }
.final-team-empty-state { align-self:center; }
.season-menu-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.season-menu-head small { display:block; color:var(--ai); font-weight:900; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.season-menu-head h2 { margin:3px 0 0; font-size:18px; }
.season-menu-head span { color:var(--gold); font-weight:900; font-size:12px; }
.season-options { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.season-option { position:relative; min-height:94px; text-align:left; border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:12px; color:white; background:radial-gradient(circle at top right,rgba(82,232,255,.12),transparent 42%), rgba(255,255,255,.055); overflow:hidden; }
.season-option b, .season-option span, .season-option em { display:block; position:relative; z-index:1; }
.season-option b { font-size:13px; line-height:1.25; }
.season-option span { margin-top:5px; color:var(--muted); font-size:11px; line-height:1.25; }
.season-option em { position:absolute; left:10px; bottom:9px; padding:5px 7px; border-radius:999px; color:rgba(255,255,255,.82); font-size:9px; font-style:normal; font-weight:900; background:rgba(0,0,0,.24); border:1px solid rgba(255,255,255,.08); }
.season-option.active { border-color:rgba(82,232,255,.42); background:linear-gradient(135deg,rgba(255,77,77,.26),rgba(82,232,255,.18)); box-shadow:0 14px 34px rgba(82,232,255,.1); }
.season-slider-wrap { max-width:100%; touch-action:pan-y pinch-zoom; }
.season-slider { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; max-width:100%; }
.season-slide { min-width:0; min-height:84px; display:grid; align-content:center; justify-items:center; text-align:center; border:1px solid rgba(82,232,255,.28); border-radius:20px; padding:12px; color:white; background:radial-gradient(circle at top right,rgba(82,232,255,.18),transparent 42%), linear-gradient(135deg,rgba(255,77,77,.24),rgba(255,255,255,.055)); box-shadow:0 14px 34px rgba(82,232,255,.08), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; }
.season-menu.is-swiping .season-slide { will-change:transform, opacity; }
.season-slide-next { animation:seasonSlideNext .28s cubic-bezier(.2,.8,.2,1) backwards; }
.season-slide-prev { animation:seasonSlidePrev .28s cubic-bezier(.2,.8,.2,1) backwards; }
.season-slide small { color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.season-slide b { margin-top:4px; font-size:16px; line-height:1.2; }
.season-slide span { margin-top:4px; color:var(--muted); font-size:11px; line-height:1.25; }
.season-slide em { margin-top:8px; padding:5px 8px; border-radius:999px; color:var(--gold); font-size:10px; font-style:normal; font-weight:950; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.08); }
.slider-dots { display:flex; align-items:center; justify-content:center; gap:5px; }
.slider-dot { width:4px; height:4px; min-width:0; padding:0; border:0; border-radius:999px; background:rgba(255,255,255,.28); opacity:.72; transition:width .18s ease, background .18s ease, opacity .18s ease, box-shadow .18s ease; }
.slider-dot.active { width:14px; background:var(--ai); opacity:1; box-shadow:0 0 10px rgba(82,232,255,.34); }
.season-dots { margin-top:8px; }
.schedule-date-slider { max-width:100%; display:grid; grid-auto-flow:column; grid-auto-columns:64px; gap:8px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:none; margin:-2px 0 12px; padding:4px 2px 7px; touch-action:pan-x pan-y; }
.schedule-date-slider::-webkit-scrollbar, .home-match-list::-webkit-scrollbar, .followed-match-list::-webkit-scrollbar { display:none; }
.schedule-date { scroll-snap-align:start; min-height:58px; display:grid; place-items:center; gap:3px; border:1px solid rgba(255,255,255,.09); border-radius:17px; color:rgba(255,255,255,.7); background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.055); font-weight:950; transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease; }
.schedule-date span { font-size:11px; line-height:1; color:var(--muted); }
.schedule-date b { font-size:13px; line-height:1; }
.schedule-date.active { color:white; border-color:rgba(82,232,255,.42); background:linear-gradient(135deg,rgba(255,77,77,.28),rgba(82,232,255,.22)); box-shadow:0 12px 30px rgba(82,232,255,.12), inset 0 0 0 1px rgba(255,255,255,.08); transform:translateY(-1px); }
.schedule-date.active span { color:var(--gold); }
.home-match-list { max-height:none; overflow:visible; overscroll-behavior:auto; padding-right:0; scrollbar-width:auto; touch-action:pan-y pinch-zoom; }
.followed-match-list { max-height:min(430px, 52vh); overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding-right:2px; scrollbar-width:none; }
.profile-date-slider { margin-top:-4px; }
.bracket-preview { width:100%; min-height:104px; display:grid; grid-template-columns:118px 1fr; gap:12px; align-items:center; border:1px solid rgba(255,255,255,.1); border-radius:22px; padding:12px; color:white; text-align:left; background:radial-gradient(circle at 50% 30%,rgba(151,49,174,.34),transparent 46%), linear-gradient(135deg,rgba(82,232,255,.12),rgba(255,77,77,.12)); box-shadow:var(--shadow); overflow:hidden; }
.bracket-preview-art { position:relative; height:78px; border-radius:18px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); }
.bracket-preview-art span { position:absolute; width:38px; height:6px; border-radius:999px; background:rgba(255,255,255,.22); }
.bracket-preview-art span:nth-child(1) { left:10px; top:15px; }
.bracket-preview-art span:nth-child(2) { left:10px; bottom:15px; }
.bracket-preview-art span:nth-child(3) { right:10px; top:15px; }
.bracket-preview-art span:nth-child(4) { right:10px; bottom:15px; }
.bracket-preview-art b { position:absolute; inset:0; display:grid; place-items:center; font-size:28px; filter:drop-shadow(0 8px 16px rgba(0,0,0,.3)); }
.bracket-preview-main small { color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.06em; }
.bracket-preview-main h3 { margin:5px 0; font-size:16px; line-height:1.15; }
.bracket-preview-main p { margin:0; color:rgba(255,255,255,.66); font-size:11px; line-height:1.35; }
.ranking-preview { margin-bottom:4px; background:radial-gradient(circle at 50% 30%,rgba(80,250,155,.25),transparent 46%), linear-gradient(135deg,rgba(255,209,102,.13),rgba(82,232,255,.12)); }
.ranking-preview-art span:nth-child(1) { width:22px; height:40px; left:14px; top:24px; }
.ranking-preview-art span:nth-child(2) { width:22px; height:54px; left:46px; bottom:14px; }
.ranking-preview-art span:nth-child(3) { width:22px; height:30px; right:36px; top:34px; }
.ranking-preview-art span:nth-child(4) { width:22px; height:48px; right:10px; bottom:14px; }
.ranking-hero { display:grid; grid-template-columns:1fr 64px; align-items:center; gap:14px; padding:15px; margin-bottom:12px; border-radius:24px; background:linear-gradient(135deg,rgba(255,209,102,.15),rgba(82,232,255,.12)); border:1px solid rgba(255,255,255,.1); box-shadow:var(--shadow); }
.ranking-hero small, .ranking-team-hero small { color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.ranking-hero h1, .ranking-team-hero h1 { margin:5px 0 6px; font-size:22px; line-height:1.05; }
.ranking-hero p, .ranking-team-hero p { margin:0; color:var(--muted); font-size:12px; line-height:1.4; }
.ranking-hero > span { width:58px; height:58px; display:grid; place-items:center; border-radius:22px; background:rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.12); font-size:30px; }
.ranking-filter { display:grid; grid-auto-flow:column; grid-auto-columns:max-content; gap:7px; overflow-x:auto; scrollbar-width:none; margin-bottom:12px; padding-bottom:3px; }
.ranking-filter::-webkit-scrollbar { display:none; }
.ranking-filter button { min-height:34px; border:1px solid rgba(255,255,255,.09); border-radius:999px; padding:8px 10px; color:rgba(255,255,255,.76); background:rgba(255,255,255,.055); font-size:11px; font-weight:950; white-space:nowrap; }
.ranking-filter button.active { color:#061016; border-color:transparent; background:linear-gradient(135deg,var(--ai),var(--green)); }
.ranking-row { display:grid; grid-template-columns:38px 38px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:58px; padding:8px 9px; margin-bottom:7px; border-radius:17px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.ranking-row { content-visibility:auto; contain-intrinsic-size:1px 58px; }
.ranking-pos { color:var(--gold); font-size:12px; font-weight:950; text-align:center; }
.ranking-flag .flag-art { width:34px; height:23px; }
.ranking-flag.logo { width:34px; height:34px; display:grid; place-items:center; border-radius:12px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.1); overflow:hidden; }
.ranking-flag.logo img { width:100%; height:100%; object-fit:contain; padding:4px; }
.ranking-main { min-width:0; }
.ranking-main b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.ranking-main span { display:block; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:10px; font-weight:850; }
.ranking-team-hero { display:grid; grid-template-columns:66px 1fr; align-items:center; gap:13px; padding:15px; margin-bottom:12px; border-radius:24px; background:linear-gradient(135deg,rgba(82,232,255,.15),rgba(255,77,77,.12)); border:1px solid rgba(255,255,255,.1); box-shadow:var(--shadow); }
.ranking-team-emblem { width:62px; height:62px; display:grid; place-items:center; border-radius:22px; background:rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.12); }
.ranking-team-emblem .flag-art { width:44px; height:30px; }
.ranking-team-emblem.logo { overflow:hidden; }
.ranking-team-emblem.logo img { width:100%; height:100%; object-fit:contain; padding:8px; }
.ranking-stat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:12px; }
.ranking-stat-grid div { min-height:70px; display:grid; align-content:center; gap:5px; padding:10px; border-radius:18px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); text-align:center; }
.ranking-stat-grid span { color:var(--muted); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.ranking-stat-grid b { color:white; font-size:17px; }
.ranking-stat-grid.compact div { min-height:58px; }
.ranking-detail-section { margin-bottom:12px; padding:11px; border-radius:18px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.075); }
.ranking-detail-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.ranking-detail-section-head h2 { margin:0; font-size:14px; line-height:1.2; }
.ranking-detail-section-head span { max-width:48%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; }
.ranking-fact-list { display:grid; gap:7px; }
.ranking-fact-list div { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:10px; min-height:36px; padding:8px 9px; border-radius:13px; background:rgba(0,0,0,.16); }
.ranking-fact-list span { color:var(--muted); font-size:10px; font-weight:900; }
.ranking-fact-list b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:white; font-size:12px; }
.ranking-chip-list { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.ranking-chip-list button { min-width:0; min-height:42px; border:1px solid rgba(255,255,255,.08); border-radius:15px; padding:8px 9px; color:white; background:rgba(0,0,0,.16); text-align:left; font-size:11px; font-weight:950; }
.ranking-chip-list span { display:block; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ai); font-size:9px; }
.ranking-form-strip { display:flex; gap:5px; margin-bottom:8px; }
.ranking-form-strip span { width:25px; height:25px; display:grid; place-items:center; border-radius:9px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); font-size:10px; font-weight:950; }
.ranking-form-strip span.win { color:#061016; background:var(--green); }
.ranking-form-strip span.loss { color:white; background:rgba(255,77,77,.8); }
.ranking-fixture-list { display:grid; gap:7px; }
.ranking-fixture-row { display:grid; gap:4px; min-height:44px; border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:8px 10px; color:white; background:rgba(0,0,0,.16); text-align:left; }
.ranking-fixture-row b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.ranking-fixture-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:10px; font-weight:850; }
.ranking-player-list { display:grid; gap:7px; }
.ranking-player-row { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:46px; padding:8px 10px; border:1px solid rgba(255,255,255,.08); border-radius:16px; color:white; background:rgba(255,255,255,.055); text-align:left; }
.ranking-player-row span { color:var(--gold); font-size:11px; font-weight:950; text-align:center; }
.ranking-player-row b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.ranking-player-row small { color:var(--ai); font-size:10px; font-weight:950; }
.bracket-modal { position:fixed; z-index:40; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.72); backdrop-filter:blur(10px); overflow:hidden; }
.bracket-close { z-index:45; top:12px; right:12px; }
.bracket-image-modal { width:calc(100% - 18px); height:min(76dvh, 560px); max-height:calc(100dvh - 42px); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; border-radius:22px; background:rgba(13,17,32,.98); border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 70px rgba(0,0,0,.58); }
.bracket-image-head { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 10px 9px 13px; border-bottom:1px solid rgba(255,255,255,.08); }
.bracket-image-head small { color:var(--ai); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.bracket-image-head h2 { margin:3px 0 0; font-size:16px; line-height:1.12; }
.bracket-image-head .bracket-close { position:static; flex:0 0 auto; }
.bracket-image-viewport { min-height:0; overflow:auto; overscroll-behavior:contain; padding:10px; scrollbar-width:none; touch-action:pan-x pan-y; background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18)); }
.bracket-image-viewport::-webkit-scrollbar { display:none; }
.bracket-image-viewport img { display:block; width:auto; min-width:880px; max-width:none; height:auto; max-height:calc(76dvh - 86px); object-fit:contain; user-select:none; border-radius:14px; background:#fff; box-shadow:0 14px 40px rgba(0,0,0,.32); }
.mobile-landscape-frame { width:100vw; height:100dvh; overflow:hidden; background:radial-gradient(circle at center,rgba(151,49,174,.96) 0%,rgba(75,0,96,.98) 45%,#260034 100%); box-shadow:0 20px 80px rgba(0,0,0,.5); }
.landscape-board { position:relative; width:100%; height:100%; max-width:932px; max-height:430px; margin:0 auto; padding:10px 14px 12px; }
.landscape-topbar { height:42px; display:flex; justify-content:space-between; align-items:flex-start; }
.landscape-topbar small { color:rgba(255,255,255,.72); font-size:10px; font-weight:950; text-transform:uppercase; }
.landscape-topbar h2 { margin:3px 0 0; font-size:17px; }
.landscape-topbar span { width:38px; height:38px; display:grid; place-items:center; border:2px solid #f2a900; border-radius:8px; color:#f2a900; font-weight:950; }
.landscape-winner { position:absolute; left:50%; top:12px; transform:translateX(-50%); text-align:center; z-index:2; }
.landscape-winner div { width:44px; height:22px; border:2px solid #f1bd4a; border-radius:6px; margin:0 auto 4px; background:rgba(45,0,61,.55); }
.landscape-winner b { font-size:18px; }
.landscape-trophy { position:absolute; left:50%; top:39%; transform:translate(-50%,-50%); z-index:1; font-size:clamp(54px, 10vw, 86px); filter:drop-shadow(0 10px 15px rgba(0,0,0,.35)); opacity:.92; }
.landscape-bracket-visual { position:absolute; inset:54px 14px 12px; z-index:2; pointer-events:none; }
.landscape-side { position:absolute; top:0; width:34%; height:100%; }
.landscape-side.left { left:0; }
.landscape-side.right { right:0; }
.landscape-team { position:absolute; width:min(132px, 42%); height:23px; display:flex; align-items:center; padding:3px 7px; border-radius:8px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); box-shadow:0 5px 12px rgba(0,0,0,.14); font-size:10px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.landscape-side.left .landscape-team { left:0; justify-content:flex-end; text-align:right; }
.landscape-side.right .landscape-team { right:0; justify-content:flex-start; }
.landscape-team.t1 { top:0; } .landscape-team.t2 { top:11.8%; } .landscape-team.t3 { top:23.6%; } .landscape-team.t4 { top:35.4%; } .landscape-team.t5 { top:58.8%; } .landscape-team.t6 { top:70.6%; } .landscape-team.t7 { top:82.4%; } .landscape-team.t8 { top:94%; transform:translateY(-100%); }
.landscape-rounds { position:absolute; z-index:3; left:22%; right:22%; top:52px; bottom:10px; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(104px, 1fr); gap:7px; overflow:hidden; scrollbar-width:none; }
.landscape-rounds::-webkit-scrollbar { display:none; }
.landscape-round { align-self:stretch; display:grid; align-content:start; gap:4px; min-width:0; overflow:hidden; padding:6px; border-radius:15px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); scrollbar-width:none; }
.landscape-round::-webkit-scrollbar { display:none; }
.landscape-round h3 { margin:0; color:#f1bd4a; font-size:9px; line-height:1.05; }
.landscape-match { min-height:22px; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:3px; padding:3px 4px; border-radius:7px; background:rgba(255,255,255,.08); font-size:7.2px; line-height:1; }
.landscape-match span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.72); }
.landscape-match .winner { color:white; font-weight:950; }
.landscape-match b { color:var(--ai); font-size:6.6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.landscape-round.dense { gap:2px; padding:5px; }
.landscape-round.dense h3 { font-size:8px; }
.landscape-round.dense .landscape-match { min-height:15px; padding:1px 3px; border-radius:5px; font-size:6.2px; }
.landscape-round.dense .landscape-match b { font-size:5.8px; }
.landscape-hint { position:fixed; left:50%; bottom:10px; transform:translateX(-50%); padding:6px 10px; border-radius:999px; background:rgba(0,0,0,.42); font-size:11px; font-weight:700; color:rgba(255,255,255,.88); z-index:45; }
@media (orientation:portrait) {
  .mobile-landscape-frame { align-self:center; height:min(56dvh, 430px); }
  .landscape-hint { bottom:16px; }
}
@media (max-width:760px) and (orientation:landscape) {
  .landscape-board { padding:8px 10px 10px; }
  .landscape-topbar { height:36px; }
  .landscape-bracket-visual { inset:48px 10px 10px; }
  .landscape-rounds { top:50px; bottom:10px; left:21%; right:21%; gap:5px; }
  .landscape-match { padding:4px; font-size:7.5px; }
  .landscape-round h3 { font-size:9px; }
  .landscape-team { height:21px; font-size:8.5px; }
}
.chat-intro { display:grid; grid-template-columns:1fr 34px; align-items:start; gap:8px; }
.chat-report-btn { width:34px; height:34px; border:1px solid rgba(255,255,255,.12); border-radius:13px; color:var(--gold); background:rgba(255,255,255,.08); font-weight:950; }
.detail-tab { padding:9px 3px; font-size:9.5px; min-width:0; }
.detail-match-hero { padding-bottom:15px; }
.hero-toggle { position:absolute; z-index:2; top:10px; right:10px; width:30px; height:30px; border:1px solid rgba(255,255,255,.12); border-radius:50%; color:rgba(255,255,255,.84); background:rgba(0,0,0,.28); font-weight:300; transition:.18s ease; }
.hero-toggle.open { transform:rotate(180deg); background:rgba(82,232,255,.18); }
.match-info-drawer { position:relative; z-index:1; display:grid; gap:9px; margin-top:14px; padding-top:13px; border-top:1px solid rgba(255,255,255,.11); animation:msgIn .2s ease both; }
.match-info-drawer div { display:grid; gap:3px; padding:9px 10px; border-radius:16px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.07); }
.match-info-drawer small { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.match-info-drawer b { font-size:12px; line-height:1.35; }
.match-info-drawer .live-update p { margin:0; color:rgba(255,255,255,.72); font-size:11px; line-height:1.4; }
.detail-action-row { display:flex; justify-content:flex-end; margin:-4px 0 10px; }
.interest-btn { border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:8px 12px; color:white; background:rgba(255,255,255,.075); font-size:11px; font-weight:950; }
.interest-btn.active { color:#061016; border-color:transparent; background:linear-gradient(135deg,var(--gold),var(--green)); }
.guest-limit-banner { margin:-2px 0 10px; padding:10px 12px; border-radius:17px; color:rgba(255,255,255,.84); background:rgba(255,209,102,.1); border:1px solid rgba(255,209,102,.18); font-size:11px; line-height:1.35; font-weight:850; }
.match-timebar { padding:12px; border-radius:22px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.timeline-labels { display:grid; grid-template-columns:30% 45% 25%; color:var(--muted); font-size:10px; font-weight:900; margin-bottom:8px; }
.timeline-labels span:nth-child(2) { text-align:center; }
.timeline-labels span:nth-child(3) { text-align:right; }
.timeline-track { position:relative; display:grid; grid-template-columns:30% 45% 25%; height:12px; border-radius:999px; overflow:visible; background:rgba(255,255,255,.08); }
.timeline-seg { height:100%; }
.timeline-seg.before { border-radius:999px 0 0 999px; background:rgba(255,107,107,.62); }
.timeline-seg.live { background:rgba(80,250,155,.78); }
.timeline-seg.after { border-radius:0 999px 999px 0; background:rgba(180,188,204,.44); }
.ball-marker { position:absolute; top:50%; transform:translate(-50%,-50%); width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:rgba(5,7,13,.92); border:2px solid var(--marker); box-shadow:0 0 0 5px rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.35); font-size:15px; }
.timeline-now { display:flex; justify-content:space-between; gap:10px; margin-top:10px; font-size:11px; color:var(--muted); }
.timeline-now b { color:white; }
.timeline-now span { text-align:right; line-height:1.3; }
.timeline-stale { display:block; margin-top:6px; color:var(--muted); font-size:10px; font-weight:850; text-align:right; }
.drama-summary { position:relative; overflow:hidden; }
.drama-summary::before, .drama-summary::after { display:none; }
.drama-slider { display:grid; grid-auto-flow:column; grid-auto-columns:100%; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.drama-slider::-webkit-scrollbar { display:none; }
.drama-slider p { scroll-snap-align:start; min-height:68px; padding-right:4px; }
.drama-dots { margin:8px 0 2px; }
.slide-hint { position:absolute; z-index:1; right:8px; top:50%; transform:translateY(-50%); width:20px; height:42px; display:grid; place-items:center; writing-mode:vertical-rl; border-radius:999px; color:rgba(255,255,255,.56); background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); font-size:8px; font-weight:950; box-shadow:0 0 18px rgba(82,232,255,.08); }
.lineup-card { margin:12px 0; padding:12px; border-radius:24px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.section-title.compact { margin:0 2px 10px; }
.pitch { position:relative; height:314px; border-radius:20px; overflow:hidden; background:linear-gradient(90deg,rgba(31,120,77,.96),rgba(22,101,69,.96)); border:1px solid rgba(255,255,255,.16); touch-action:none; }
.pitch::before { content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.38); border-radius:14px; background:linear-gradient(90deg,transparent 49.6%,rgba(255,255,255,.38) 49.8% 50.2%,transparent 50.4%), radial-gradient(circle at center,transparent 0 38px,rgba(255,255,255,.42) 39px 40px,transparent 41px); }
.pitch::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 38px,rgba(0,0,0,.035) 38px 76px); pointer-events:none; }
.player-dot { position:absolute; z-index:2; transform:translate(-50%,-50%); width:43px; height:43px; border:2px solid rgba(255,255,255,.72); border-radius:50%; color:white; background:rgba(255,77,77,.88); box-shadow:0 10px 18px rgba(0,0,0,.28); font-size:8px; font-weight:950; line-height:1; cursor:grab; touch-action:none; }
.player-dot.away { background:rgba(82,232,255,.82); color:#061016; }
.player-dot.dragging { cursor:grabbing; transform:translate(-50%,-50%) scale(1.12); box-shadow:0 16px 28px rgba(0,0,0,.36); }
.player-dot span { display:block; max-width:52px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transform:translateX(-6px); }
.social-feed { display:grid; gap:9px; margin-bottom:12px; }
.social-item { display:grid; grid-template-columns:42px 1fr; gap:10px; padding:12px; border-radius:20px; color:white; text-decoration:none; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.social-logo { width:42px; height:42px; display:grid; place-items:center; border-radius:16px; color:white; font-weight:950; font-size:18px; background:linear-gradient(135deg,var(--ai),var(--blue)); }
.social-logo.tiktok { background:#111; }
.social-logo.facebook { background:#1877f2; }
.social-logo.telegram { background:#229ed9; }
.social-logo.zalo { background:#0068ff; }
.social-logo.youtube { background:#ff0033; }
.social-logo.instagram { background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4); }
.social-logo.x { background:#0f1419; }
.social-logo.reddit { background:#ff4500; }
.social-meta { color:var(--muted); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }
.social-item h3 { margin:3px 0 5px; font-size:13px; line-height:1.25; }
.social-item p { position:relative; margin:0; max-width:230px; max-height:50px; overflow:hidden; color:rgba(255,255,255,.72); font-size:12px; line-height:1.4; }
.social-item p::after { content:"..."; position:absolute; right:0; bottom:0; width:50%; text-align:left; color:rgba(255,255,255,.78); background:linear-gradient(90deg,rgba(13,17,32,0),rgba(13,17,32,.96) 42%); }

.content-debug-label,
.content-debug-value {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
}
.content-debug-value > span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
.content-var {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 6px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.08);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 8.5px;
  font-weight: 850;
  line-height: 1.1;
  white-space: normal;
  overflow-wrap: anywhere;
}
.content-var-label {
  color: rgba(82,232,255,.84);
  background: rgba(82,232,255,.08);
  border-color: rgba(82,232,255,.15);
}
.content-var-value {
  color: rgba(80,250,155,.84);
  background: rgba(80,250,155,.08);
  border-color: rgba(80,250,155,.15);
}
.content-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  margin-bottom: 12px;
  padding: 15px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(82,232,255,.18), transparent 36%),
    linear-gradient(155deg, rgba(255,255,255,.095), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: var(--shadow);
}
.content-panel-head h2 {
  margin: 7px 0 0;
  color: white;
  font-size: 19px;
  line-height: 1.18;
}
.content-panel-head > div > .content-debug-label {
  color: var(--ai);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.content-data-pill {
  max-width: 116px;
  padding: 7px 8px;
  border-radius: 16px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
}
.content-kv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 12px;
}
.content-field {
  min-width: 0;
  padding: 11px;
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.075);
}
.content-field-head {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.content-field-body {
  margin-top: 7px;
  color: white;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.3;
}
.content-bar-stack {
  margin-bottom: 2px;
  padding: 4px 0;
}
.content-bar-row {
  padding: 10px 11px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
}
.content-section-title {
  align-items: flex-start;
  gap: 10px;
}
.content-section-title h2 {
  min-width: 0;
  line-height: 1.25;
}
.content-section-title span {
  max-width: 48%;
  text-align: right;
}
.content-score-card .score-label {
  display: grid;
  gap: 5px;
  justify-items: center;
}
.content-score-card .score-num .content-debug-value {
  justify-content: center;
  display: grid;
  gap: 4px;
}
.content-score-card .score-num .content-debug-value > span:first-child {
  font-size: 44px;
  line-height: .9;
}
.content-score-card .score-rank .content-debug-value {
  justify-content: center;
}
.content-summary-eyebrow {
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}
.content-drama-summary h2 .content-debug-value {
  display: grid;
  gap: 5px;
}
.content-drama-summary h2 .content-debug-value > span:first-child {
  color: white;
  font-size: 16px;
  line-height: 1.24;
}
.content-drama-summary .drama-slider p .content-debug-value {
  display: grid;
  gap: 7px;
}
.content-drama-summary .tag .content-debug-value {
  justify-content: center;
}
.content-metric-card small,
.content-metric-card strong,
.content-metric-card span {
  position: relative;
  z-index: 1;
}
.content-metric-card small {
  display: block;
}
.content-metric-card strong .content-debug-value {
  display: grid;
  gap: 5px;
}
.content-metric-card strong .content-debug-value > span:first-child {
  color: white;
  font-size: 20px;
  line-height: 1.05;
}
.content-metric-card > span .content-debug-value {
  display: grid;
  gap: 5px;
}
.content-chart-card {
  background:
    radial-gradient(circle at 15% 5%, rgba(255,77,125,.13), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
}
.content-chart-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 8px;
}
.content-chart-toggle {
  min-width: 138px;
  align-items: center;
}
.content-chart-toggle .content-debug-label {
  display: grid;
  gap: 4px;
}
.content-insight h3 .content-debug-value,
.content-insight p .content-debug-value {
  display: grid;
  gap: 5px;
}
.content-fan-hero h2 .content-debug-value,
.content-fan-hero p .content-debug-value {
  display: grid;
  gap: 6px;
}
.content-social-item p {
  max-width: none;
  max-height: none;
}
.content-social-item p::after {
  display: none;
}
.content-social-item h3 .content-debug-value,
.content-social-item p .content-debug-value,
.content-url-line .content-debug-value {
  display: grid;
  gap: 5px;
}
.content-url-line {
  display: block;
  margin-top: 7px;
  color: rgba(255,255,255,.56);
  font-size: 10px;
}
.content-chip-row .chip {
  min-width: 132px;
  align-items: center;
  white-space: normal;
}
.content-chip-row .content-debug-label {
  display: grid;
  gap: 4px;
}
.content-chat-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
}
.content-chat-input > span {
  grid-column: 1 / -1;
}
.detail-action-row .content-debug-label {
  display: grid;
  justify-items: center;
  gap: 4px;
}
.detail-action-row .content-var {
  max-width: 96px;
  padding: 2px 5px;
  font-size: 7px;
}
.timeline-labels .content-debug-label,
.timeline-now .content-debug-value {
  display: grid;
  gap: 3px;
}

@media (max-width: 430px) {
  .content-kv-grid {
    grid-template-columns: 1fr;
  }
  .content-panel-head {
    grid-template-columns: 1fr;
  }
  .content-data-pill,
  .content-section-title span {
    max-width: 100%;
    text-align: left;
  }
  .content-var {
    font-size: 7.5px;
  }
}

.auth-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-content:center; }
.auth-method { width:100%; min-height:44px; display:flex; align-items:center; justify-content:center; gap:9px; border:1px solid rgba(255,255,255,.12); border-radius:16px; color:white; background:rgba(255,255,255,.07); font-size:12px; font-weight:950; transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
.auth-method span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:white; color:#111; font-size:11px; font-weight:950; }
.auth-method.telegram { order:-2; grid-column:1 / -1; min-height:76px; border-radius:22px; gap:11px; font-size:15px; }
.auth-method.telegram span { width:34px; height:34px; background:#229ed9; color:white; font-size:15px; }
.auth-method.google { background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045)); }
.auth-method.telegram { background:linear-gradient(135deg,rgba(34,158,217,.24),rgba(255,255,255,.045)); }
.auth-method.username { background:linear-gradient(135deg,rgba(82,232,255,.2),rgba(80,250,155,.08)); }
.auth-method.google, .auth-method.username { min-height:32px; gap:5px; border-radius:14px; font-size:9px; font-weight:850; }
.auth-method.google { order:1; }
.auth-method.username { order:2; grid-column:1 / -1; justify-self:center; max-width:220px; }
.auth-method.google span, .auth-method.username span { width:18px; height:18px; font-size:9px; }
.auth-method.username span { color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); }
.telegram-widget-host { order:-1; grid-column:1 / -1; display:flex; justify-content:center; min-height:44px; }
.telegram-widget-host[hidden] { display:none; }
.telegram-widget-loading { align-self:center; color:rgba(255,255,255,.62); font-size:11px; font-weight:850; }
.auth-username-form { order:3; grid-column:1 / -1; display:grid; gap:8px; padding:12px; border-radius:18px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.09); }
.auth-username-form[hidden] { display:none; }
.auth-form-note { margin:0 0 3px; color:rgba(255,255,255,.56); font-size:10px; line-height:1.4; }
.login-account-delete-link { align-self:center; width:max-content; margin:2px auto 0; border:0; background:transparent; color:rgba(255,255,255,.32); font-size:9px; font-weight:700; line-height:1; text-decoration:underline; text-underline-offset:3px; }
.deleted-account-page { justify-content:center; }
.deleted-account-hero h1 { max-width:300px; margin-inline:auto; }
.deleted-account-form { display:grid; gap:7px; padding:14px; }
.deleted-account-form .input { margin-bottom:0; }
.deleted-account-note { margin:2px 0 4px; }
.profile-main { flex:1; min-width:0; }
.avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.profile-arrow { width:34px; height:34px; border:0; color:rgba(255,255,255,.82); background:transparent; font-size:22px; font-weight:300; }
.profile-arrow.open { transform:rotate(180deg); }
.profile-details { margin-top:14px; padding-top:13px; border-top:1px solid rgba(255,255,255,.1); animation:msgIn .18s ease both; }
.profile-tools { display:flex; justify-content:flex-end; gap:8px; margin-bottom:10px; }
.icon-btn { width:34px; height:34px; border:1px solid rgba(255,255,255,.12); border-radius:13px; color:white; background:rgba(255,255,255,.08); font-weight:950; }
.icon-btn.save { color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); border:0; }
.field-label { display:block; margin:9px 2px 6px; color:var(--muted); font-size:11px; font-weight:900; }
.verified-check { display:inline-grid; place-items:center; width:15px; height:15px; margin-left:4px; border-radius:50%; color:#061016; background:var(--green); font-size:10px; font-weight:950; vertical-align:middle; }
.inline-field { display:grid; grid-template-columns:1fr auto; gap:8px; align-items:start; }
.inline-field .input { margin-bottom:0; }
.otp-btn, .pin-save-btn { height:45px; min-width:88px; padding:0 10px; border-radius:16px; font-size:11px; }
.otp-btn:disabled, .pin-save-btn:disabled, .input:disabled { opacity:.68; }
.delete-account-link { display:block; width:max-content; margin:12px auto 0; border:0; color:rgba(255,255,255,.28); background:transparent; font-size:10px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.delete-account-modal { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.46); backdrop-filter:blur(8px); }
.delete-account-popup { position:relative; width:min(320px,100%); padding:18px; border-radius:24px; background:rgba(13,17,32,.97); border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 60px rgba(0,0,0,.55); }
.delete-account-popup small { color:var(--danger); font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.delete-account-popup h2 { margin:5px 0 8px; font-size:22px; }
.delete-account-popup p { margin:0 0 12px; color:rgba(255,255,255,.72); font-size:12px; line-height:1.45; }
.country-onboarding-modal { position:fixed; z-index:60; inset:0; display:grid; place-items:center; padding:14px; background:rgba(0,0,0,.62); backdrop-filter:blur(10px); }
.country-onboarding-popup { width:min(348px,100%); max-height:min(650px,92vh); display:grid; grid-template-rows:auto auto minmax(190px,1fr) auto; gap:10px; padding:16px; border-radius:24px; background:linear-gradient(180deg,rgba(18,24,42,.98),rgba(9,13,25,.98)); border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 70px rgba(0,0,0,.58); }
.country-onboarding-head small { color:var(--gold); font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.1em; }
.country-onboarding-head h2 { margin:5px 0 6px; font-size:22px; letter-spacing:0; }
.country-onboarding-head p { margin:0; color:rgba(255,255,255,.68); font-size:12px; line-height:1.45; }
.country-search { min-height:42px; }
.country-list { min-height:190px; overflow-y:auto; overscroll-behavior:contain; display:grid; align-content:start; gap:7px; padding-right:2px; scrollbar-width:none; }
.country-option { width:100%; min-height:50px; display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; padding:8px 10px; border-radius:16px; text-align:left; color:white; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.country-option.active { color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); border-color:transparent; }
.country-flag { width:34px; height:34px; display:grid; place-items:center; border-radius:14px; background:rgba(255,255,255,.09); font-size:20px; }
.country-option b { display:block; font-size:12px; line-height:1.25; }
.country-option small { display:block; margin-top:2px; color:rgba(255,255,255,.5); font-size:10px; font-weight:850; }
.country-option.active small { color:rgba(6,16,22,.66); }
.country-loading, .country-empty { min-height:130px; display:grid; place-items:center; padding:18px; color:rgba(255,255,255,.62); text-align:center; font-size:12px; line-height:1.45; border-radius:16px; background:rgba(255,255,255,.045); }
.country-save-btn:disabled { opacity:.55; }
.detail-action-row { justify-content:space-between; gap:8px; }
.match-detail-btn { background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.12); color:white; }
.hero-toggle { left:50%; right:auto; top:auto; bottom:0; transform:translateX(-50%); width:42px; height:22px; border:0; border-radius:0; background:transparent; box-shadow:none; font-size:22px; line-height:1; font-weight:300; }
.hero-toggle.open { transform:translateX(-50%); background:transparent; }
.match-info-drawer .live-update { display:none; }
.drama-summary::before, .drama-summary::after { display:none; }
.drama-slider { padding:0; }
.slide-hint { display:none; }
.pitch { width:min(100%, 300px); max-width:100%; aspect-ratio:68 / 105; height:auto; min-height:0; margin:0 auto; background:linear-gradient(180deg,rgba(31,120,77,.96),rgba(22,101,69,.96)); transform:none; }
.match-analysis-lineup .pitch { width:min(100%, 286px); }
.pitch::before { background:linear-gradient(180deg,transparent 49.6%,rgba(255,255,255,.38) 49.8% 50.2%,transparent 50.4%), radial-gradient(circle at center,transparent 0 38px,rgba(255,255,255,.42) 39px 40px,transparent 41px); }
.pitch::after { background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 38px,rgba(0,0,0,.035) 38px 76px); }
.player-dot { width:31px; height:31px; font-size:6px; border-width:1px; }
.player-dot span { max-width:40px; transform:translateX(-4px); }
.social-item p { max-height:calc(2.5 * 1.4em); }
.social-item p::after { display:none; }
.player-modal { position:absolute; z-index:25; inset:0; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.42); backdrop-filter:blur(8px); }
.player-popup { position:relative; width:min(310px,100%); padding:18px; border-radius:24px; background:rgba(13,17,32,.96); border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 60px rgba(0,0,0,.55); }
.modal-close { position:absolute; top:10px; right:10px; width:32px; height:32px; border:0; border-radius:50%; color:white; background:rgba(255,255,255,.08); font-size:20px; }
.player-avatar { width:70px; height:70px; margin-bottom:12px; display:grid; place-items:center; border-radius:24px; font-size:32px; background:linear-gradient(135deg,rgba(255,77,77,.28),rgba(82,232,255,.22)); border:1px solid rgba(255,255,255,.12); }
.player-avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.player-avatar-mini img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.player-photo { overflow:hidden; }
.player-photo img { width:100%; height:100%; object-fit:cover; }
.player-popup-main small { color:var(--gold); font-weight:950; font-size:11px; }
.player-popup-main h2 { margin:5px 0 8px; font-size:22px; }
.player-popup-main p { margin:5px 0; color:rgba(255,255,255,.72); font-size:12px; }
.player-popup .btn { margin-top:14px; }
.loading-page { min-height:560px; display:flex; flex-direction:column; gap:12px; }
.loading-card { flex:1; display:grid; place-items:center; align-content:center; gap:12px; text-align:center; border-radius:26px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.loading-card.compact-loading { flex:0 0 auto; min-height:154px; }
.loading-card h1 { margin:0; font-size:22px; }
.loading-card p { margin:0; color:var(--muted); font-size:12px; }
.spinner { width:52px; height:52px; border-radius:50%; border:4px solid rgba(255,255,255,.12); border-top-color:var(--ai); border-right-color:var(--green); animation:spin .75s linear infinite; }
.match-analysis-lineup { margin-top:0; }
.match-analysis-page { overflow-x:hidden; }
.match-analysis-hero { display:grid; gap:12px; padding:14px; margin-bottom:12px; border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.11); box-shadow:var(--shadow); }
.match-analysis-hero.pending { border-color:rgba(255,209,102,.2); background:linear-gradient(145deg,rgba(255,209,102,.14),rgba(255,255,255,.045)); }
.match-analysis-hero.live { border-color:rgba(80,250,155,.24); background:linear-gradient(145deg,rgba(80,250,155,.14),rgba(82,232,255,.07)); }
.match-analysis-hero.finished { border-color:rgba(82,232,255,.22); background:linear-gradient(145deg,rgba(82,232,255,.13),rgba(255,255,255,.045)); }
.match-analysis-status-row { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--muted); font-size:11px; font-weight:900; }
.match-analysis-status-row > span:last-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lifecycle-badge { display:inline-flex; align-items:center; min-height:28px; padding:0 9px; border-radius:999px; color:#061016; background:linear-gradient(135deg,var(--gold),var(--green)); font-size:10px; font-weight:950; text-transform:uppercase; white-space:nowrap; }
.lifecycle-badge.pending { background:var(--gold); }
.lifecycle-badge.live { background:var(--green); }
.lifecycle-badge.finished { background:var(--ai); }
.match-analysis-scoreboard { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:8px; }
.analysis-team { min-width:0; display:grid; justify-items:center; gap:6px; text-align:center; }
.analysis-team b { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; line-height:1.2; }
.analysis-logo { width:42px; height:42px; display:grid; place-items:center; border-radius:16px; background:rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.1); overflow:hidden; font-size:18px; font-weight:950; }
.analysis-logo img { width:100%; height:100%; object-fit:contain; padding:5px; }
.analysis-logo.fallback { color:var(--ai); }
.analysis-score { min-width:74px; display:grid; justify-items:center; gap:3px; padding:10px 8px; border-radius:18px; background:rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.1); }
.analysis-score strong { color:white; font-size:22px; line-height:1; white-space:nowrap; }
.analysis-score small { color:var(--muted); font-size:10px; line-height:1.1; white-space:nowrap; }
.match-analysis-hero p { margin:0; color:rgba(255,255,255,.72); font-size:12px; line-height:1.45; text-align:center; }
.match-analysis-chip-row { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
.match-analysis-chip-row span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:6px 8px; border-radius:999px; color:rgba(255,255,255,.8); background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); font-size:10px; font-weight:900; }
.match-lifecycle-tabs { position:sticky; top:0; z-index:4; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:10px 0 12px; padding:6px; border-radius:20px; background:rgba(13,17,32,.86); border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.match-lifecycle-tabs button { min-width:0; min-height:36px; border:0; border-radius:15px; color:rgba(255,255,255,.64); background:transparent; font-size:10px; font-weight:950; line-height:1.15; }
.match-lifecycle-tabs button.active { color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); }
.lifecycle-groups { gap:10px; }
.stage-accordion { border-radius:20px; background:rgba(255,255,255,.045); }
.stage-accordion .analysis-group-body { display:grid; gap:10px; }
.stage-note { margin-top:2px; padding:10px 11px; border-radius:16px; color:rgba(255,255,255,.72); background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.07); font-size:11px; line-height:1.4; }
.match-analysis-block { display:grid; gap:9px; padding:11px; border-radius:18px; background:rgba(0,0,0,.14); border:1px solid rgba(255,255,255,.07); }
.match-analysis-section-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:9px; }
.match-analysis-section-head h2 { margin:0; font-size:13px; line-height:1.25; }
.match-analysis-section-head p { margin:3px 0 0; color:var(--muted); font-size:10.5px; line-height:1.35; }
.availability-pill { display:inline-flex; align-items:center; min-height:24px; padding:0 7px; border-radius:999px; color:rgba(255,255,255,.74); background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); font-size:9px; font-weight:950; white-space:nowrap; }
.availability-pill.available { color:#061016; background:var(--green); border-color:transparent; }
.availability-pill.expected_empty { color:var(--gold); background:rgba(255,209,102,.11); border-color:rgba(255,209,102,.18); }
.availability-pill.not_synced { color:var(--ai); background:rgba(82,232,255,.1); border-color:rgba(82,232,255,.16); }
.availability-pill.unavailable { color:rgba(255,255,255,.56); background:rgba(255,255,255,.045); }
.availability-pill.error { color:white; background:rgba(255,77,77,.2); border-color:rgba(255,77,77,.32); }
.analysis-mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.analysis-mini-card { min-width:0; min-height:70px; display:grid; align-content:center; gap:4px; padding:10px; border-radius:16px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.075); }
.analysis-mini-card span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:10px; font-weight:900; }
.analysis-mini-card b { color:white; font-size:18px; line-height:1.05; }
.analysis-mini-card small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.66); font-size:10px; line-height:1.25; }
.analysis-stat-list, .analysis-timeline-list { display:grid; gap:7px; }
.analysis-stat-list div, .analysis-timeline-list div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 9px; min-height:42px; padding:9px 10px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.065); }
.analysis-stat-list span, .analysis-timeline-list span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:10px; font-weight:900; }
.analysis-stat-list b, .analysis-timeline-list b { color:white; font-size:12px; line-height:1.25; text-align:right; }
.analysis-stat-list small, .analysis-timeline-list small { grid-column:1 / -1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.58); font-size:10px; line-height:1.25; }
.analysis-player-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.analysis-player-card { min-width:0; display:grid; justify-items:start; gap:4px; padding:10px; border-radius:16px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.075); }
.analysis-player-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:14px; overflow:hidden; color:#061016; background:linear-gradient(135deg,var(--gold),var(--ai)); font-size:15px; font-weight:950; }
.analysis-player-avatar img { width:100%; height:100%; object-fit:cover; }
.analysis-player-card b, .analysis-player-card span, .analysis-player-card small { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.analysis-player-card b { color:white; font-size:12px; line-height:1.25; }
.analysis-player-card span { color:var(--ai); font-size:10px; font-weight:900; }
.analysis-player-card small { color:rgba(255,255,255,.62); font-size:10px; line-height:1.25; }
.ma-chart-card { min-width:0; display:grid; gap:10px; padding:10px; border-radius:16px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07); overflow:hidden; }
.ma-probability-chart { grid-template-columns:118px minmax(0,1fr); align-items:center; }
.ma-donut { position:relative; width:118px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 14px 34px rgba(0,0,0,.18); }
.ma-donut::after { content:""; position:absolute; inset:18px; border-radius:50%; background:rgba(9,13,25,.94); border:1px solid rgba(255,255,255,.08); }
.ma-donut div { position:relative; z-index:1; width:72px; display:grid; justify-items:center; gap:3px; text-align:center; }
.ma-donut strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:white; font-size:11px; line-height:1.15; }
.ma-donut span { color:var(--gold); font-size:15px; font-weight:950; line-height:1; }
.ma-chart-legend { min-width:0; display:grid; gap:7px; }
.ma-chart-legend span { min-width:0; display:grid; grid-template-columns:10px minmax(0,1fr) auto; align-items:center; gap:7px; color:rgba(255,255,255,.72); font-size:10px; font-weight:900; }
.ma-chart-legend i { width:10px; height:10px; border-radius:50%; }
.ma-chart-legend b { color:white; font-size:10px; }
.ma-market-chart { gap:8px; }
.ma-market-row { display:grid; grid-template-columns:72px minmax(0,1fr) 38px; align-items:center; gap:8px; }
.ma-market-row span, .ma-market-row b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.76); font-size:10px; font-weight:950; }
.ma-market-row b { color:white; text-align:right; }
.ma-market-row div { height:9px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.ma-market-row i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--gold),var(--green)); }
.ma-radar-chart { grid-template-columns:142px minmax(0,1fr); align-items:center; }
.ma-radar-chart svg { width:142px; aspect-ratio:1; overflow:visible; }
.ma-radar-grid { fill:rgba(255,255,255,.025); stroke:rgba(255,255,255,.13); stroke-width:.7; }
.ma-radar-axis { stroke:rgba(255,255,255,.11); stroke-width:.55; }
.ma-radar-area { fill:rgba(82,232,255,.28); stroke:var(--ai); stroke-width:1.6; filter:drop-shadow(0 8px 14px rgba(82,232,255,.15)); }
.ma-radar-labels { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.ma-radar-labels span { min-width:0; padding:7px; border-radius:11px; color:rgba(255,255,255,.66); background:rgba(0,0,0,.14); border:1px solid rgba(255,255,255,.06); font-size:9.5px; font-weight:900; line-height:1.25; }
.ma-radar-labels b { display:block; color:white; font-size:11px; }
.ma-form-chart { grid-template-columns:132px minmax(0,1fr); align-items:center; }
.ma-form-chart svg { width:132px; aspect-ratio:120 / 86; }
.ma-form-chart line { stroke:rgba(255,255,255,.14); stroke-width:1; }
.ma-form-chart path { fill:none; stroke:var(--green); stroke-width:3; stroke-linecap:round; }
.ma-form-chart circle { fill:var(--gold); stroke:white; stroke-width:1.5; }
.ma-form-chart text { fill:rgba(255,255,255,.62); font-size:8px; font-weight:900; text-anchor:middle; }
.ma-form-rows { display:grid; gap:8px; }
.ma-form-rows div { min-width:0; display:grid; gap:5px; }
.ma-form-rows span { display:flex; justify-content:space-between; gap:8px; color:rgba(255,255,255,.74); font-size:10px; font-weight:950; }
.ma-form-rows b { color:white; }
.ma-form-rows p { min-height:24px; display:flex; flex-wrap:wrap; gap:4px; margin:0; }
.ma-form-rows i { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#061016; font-style:normal; font-size:10px; font-weight:950; background:rgba(255,255,255,.18); }
.ma-form-rows i.win { background:var(--green); }
.ma-form-rows i.draw { background:var(--gold); }
.ma-form-rows i.loss { color:white; background:#ff5d6c; }
.ma-form-rows em { color:var(--muted); font-style:normal; font-size:10px; }
.ma-event-chart { display:flex; align-items:flex-start; gap:0; overflow-x:auto; padding-bottom:14px; }
.ma-event-chart div { position:relative; flex:0 0 86px; display:grid; justify-items:center; gap:5px; text-align:center; }
.ma-event-chart div::before { content:""; position:absolute; top:28px; left:50%; width:100%; height:2px; background:rgba(255,255,255,.13); }
.ma-event-chart div:last-child::before { display:none; }
.ma-event-chart span { max-width:72px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--gold); font-size:10px; font-weight:950; }
.ma-event-chart i { z-index:1; width:16px; height:16px; border-radius:50%; background:var(--ai); border:3px solid rgba(9,13,25,.95); box-shadow:0 0 0 1px rgba(255,255,255,.18); }
.ma-event-chart b { max-width:78px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:white; font-size:10px; line-height:1.2; }
.ma-player-meter { width:100%; height:6px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.09); }
.ma-player-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ai),var(--green),var(--gold)); }
.ma-stats-mirror { gap:2px; }
.ma-live-momentum { grid-template-columns:132px minmax(0,1fr); align-items:center; margin-top:4px; }
.ma-live-momentum svg { width:132px; aspect-ratio:112 / 82; }
.ma-live-momentum line { stroke:rgba(255,255,255,.14); stroke-width:1; }
.ma-live-momentum polyline { fill:none; stroke:var(--gold); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.ma-live-momentum circle { fill:var(--green); stroke:#061016; stroke-width:1.5; }
.ma-live-momentum div { min-width:0; display:grid; gap:3px; }
.ma-live-momentum span { color:var(--muted); font-size:10px; font-weight:950; text-transform:uppercase; }
.ma-live-momentum b { color:white; font-size:24px; line-height:1; }
.ma-live-momentum small { color:rgba(255,255,255,.62); font-size:10px; }
.ma-quality-matrix { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ma-quality-matrix div { min-width:0; min-height:58px; display:grid; align-content:center; gap:4px; padding:9px; border-radius:13px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.065); }
.ma-quality-matrix div.available, .ma-quality-matrix div.baseline_available, .ma-quality-matrix div.standings_available, .ma-quality-matrix div.ranking_available { border-color:rgba(80,250,155,.28); background:rgba(80,250,155,.09); }
.ma-quality-matrix div.expected_empty { border-color:rgba(255,209,102,.28); background:rgba(255,209,102,.08); }
.ma-quality-matrix div.not_synced, .ma-quality-matrix div.partial, .ma-quality-matrix div.editorial_pending { border-color:rgba(82,232,255,.24); background:rgba(82,232,255,.08); }
.ma-quality-matrix span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.66); font-size:10px; font-weight:900; }
.ma-quality-matrix b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:white; font-size:12px; }
.match-content-tabs { position:sticky; top:0; z-index:5; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:5px; margin:10px 0 12px; padding:5px; border-radius:20px; background:rgba(13,17,32,.9); border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.match-content-tabs button { width:100%; min-width:0; min-height:38px; display:flex; align-items:center; justify-content:center; padding:0 6px; border:0; border-radius:15px; color:rgba(255,255,255,.64); background:transparent; text-align:center; white-space:nowrap; font-size:10px; font-weight:950; line-height:1; }
.match-content-tabs button.active { color:#061016; background:linear-gradient(135deg,var(--ai),var(--green)); }
.match-tab-panels { display:grid; gap:10px; }
.ma-status-icon { gap:5px; }
.ma-pitch-card { display:grid; gap:8px; }
.ma-pitch-head { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:6px; color:var(--muted); font-size:10px; font-weight:900; }
.ma-pitch-head b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:white; font-size:11px; }
.ma-pitch-head b:last-child { text-align:right; }
.ma-lineup-pitch { position:relative; width:100%; aspect-ratio:9 / 15.7; min-height:480px; max-height:690px; border-radius:18px; overflow:hidden; background:linear-gradient(180deg,#378664,#2f795b); border:1px solid rgba(255,255,255,.15); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.ma-lineup-pitch::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 49.8%,rgba(255,255,255,.34) 50%,transparent 50.2%), radial-gradient(circle at center,transparent 0 48px,rgba(255,255,255,.34) 49px 50px,transparent 51px), linear-gradient(90deg,transparent 6%,rgba(255,255,255,.24) 6% 94%,transparent 94%); pointer-events:none; }
.ma-lineup-pitch::after { content:""; position:absolute; left:28%; right:28%; top:0; height:8%; border:1px solid rgba(255,255,255,.28); border-top:0; border-radius:0 0 8px 8px; box-shadow:0 calc(100% * 11.6) 0 -1px transparent; pointer-events:none; }
.ma-pitch-player { position:absolute; z-index:2; transform:translate(-50%,-50%); width:47px; min-height:58px; display:grid; justify-items:center; gap:1px; border:0; color:white; background:transparent; text-align:center; }
.ma-pitch-avatar { position:relative; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; overflow:hidden; background:#f3f6f8; border:2px solid white; box-shadow:0 5px 12px rgba(0,0,0,.28); color:#061016; font-size:10px; font-weight:950; }
.ma-pitch-avatar img { width:100%; height:100%; object-fit:cover; }
.ma-rating { min-width:24px; margin-top:-9px; padding:2px 4px; border-radius:6px; color:white; background:#f27322; border:1px solid rgba(255,255,255,.72); font-size:8px; font-weight:950; line-height:1; }
.ma-pitch-player.away .ma-rating { background:#17a85b; }
.ma-pitch-player small { max-width:58px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:white; text-shadow:0 1px 4px rgba(0,0,0,.5); font-size:7.5px; line-height:1.05; font-weight:950; }
.ma-bench-list { display:grid; gap:8px; padding-top:2px; }
.ma-bench-list h3 { margin:0 2px; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
.ma-compare-list { display:grid; gap:10px; }
.ma-compare-row { display:grid; gap:5px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.ma-compare-row:last-child { border-bottom:0; }
.ma-compare-values { display:grid; grid-template-columns:42px minmax(0,1fr) 42px; align-items:center; gap:8px; }
.ma-compare-values b { color:white; font-size:12px; line-height:1; }
.ma-compare-values b:last-child { text-align:right; }
.ma-compare-values span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.76); text-align:center; font-size:10px; font-weight:900; }
.ma-compare-track { height:7px; display:grid; grid-template-columns:1fr 1fr; gap:12px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.055); }
.ma-compare-track i { display:block; height:100%; border-radius:999px; }
.ma-compare-track .home { justify-self:end; background:linear-gradient(90deg,rgba(80,250,155,.5),var(--green)); }
.ma-compare-track .away { justify-self:start; background:linear-gradient(90deg,var(--ai),#4357ff); }
.ma-stats-sections { display:grid; gap:10px; }
.ma-stat-section { min-width:0; display:grid; gap:8px; padding:9px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.065); }
.ma-stat-section h3 { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.76); font-size:10px; font-weight:950; text-transform:uppercase; }
.ma-api-snapshot { display:grid; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.07); }
.ma-live-panel { overflow:hidden; }
.ma-live-scoreline { display:grid; justify-items:center; gap:4px; padding:9px; border-radius:16px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.07); }
.ma-live-scoreline span { color:var(--green); font-size:10px; font-weight:950; text-transform:uppercase; }
.ma-live-scoreline b { color:white; font-size:30px; line-height:1; }
.ma-live-scoreline small { color:var(--muted); font-size:11px; font-weight:900; }
.ma-live-pitch { position:relative; width:100%; aspect-ratio:16 / 10; min-height:210px; border-radius:16px; overflow:hidden; background:linear-gradient(90deg,#185b35,#165631); border:1px solid rgba(255,255,255,.13); }
.ma-live-pitch::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.25) 50%,transparent 50.2%), radial-gradient(circle at center,transparent 0 31px,rgba(255,255,255,.24) 32px 33px,transparent 34px); }
.ma-live-pitch::after { content:""; position:absolute; inset:24% auto 24% 0; width:16%; border:1px solid rgba(255,255,255,.18); border-left:0; box-shadow:calc(100vw) 0 0 0 transparent; }
.ma-live-ball { position:absolute; left:50%; top:50%; z-index:2; width:13px; height:13px; transform:translate(-50%,-50%); border-radius:50%; background:var(--gold); border:2px solid white; box-shadow:0 0 0 16px rgba(255,209,102,.12), 0 8px 18px rgba(0,0,0,.3); transition:left .35s ease, top .35s ease; }
.ma-live-ball.moving { animation:livePulse 1s ease infinite alternate; }
.ma-live-situation { position:absolute; z-index:3; left:50%; top:12px; transform:translateX(-50%); max-width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:7px 10px; border-radius:12px; color:white; background:rgba(5,7,13,.72); border:1px solid rgba(255,255,255,.12); font-size:10px; font-weight:950; text-transform:uppercase; }
.ma-live-meter { display:grid; grid-template-columns:1fr 1fr; height:5px; gap:2px; margin-top:3px; }
.ma-live-meter i { display:block; height:100%; }
.ma-live-meter .home { justify-self:end; background:#2867ff; }
.ma-live-meter .away { justify-self:start; background:#d62929; }
.ma-live-meta { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:9px; font-weight:900; }
.ma-live-meta b { color:white; }
@media (max-width:390px) {
  .ma-probability-chart, .ma-radar-chart, .ma-form-chart, .ma-live-momentum { grid-template-columns:1fr; justify-items:center; }
  .ma-chart-legend, .ma-radar-labels, .ma-form-rows, .ma-live-momentum div { width:100%; }
  .ma-quality-matrix { grid-template-columns:1fr; }
  .ma-market-row { grid-template-columns:62px minmax(0,1fr) 34px; }
}
@keyframes livePulse { from { box-shadow:0 0 0 10px rgba(255,209,102,.1), 0 8px 18px rgba(0,0,0,.3); } to { box-shadow:0 0 0 20px rgba(255,209,102,.2), 0 8px 18px rgba(0,0,0,.3); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes seasonSlideNext { from { opacity:.35; transform:translateX(22px); } to { opacity:1; transform:translateX(0); } }
@keyframes seasonSlidePrev { from { opacity:.35; transform:translateX(-22px); } to { opacity:1; transform:translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  .season-slide-next, .season-slide-prev { animation:none; }
}