/* صفحه‌های گوشی (رده‌بندی لیگ + نتیجه) — هم‌استایل صفحه‌های گوشی فرم اول (expo1/src/mobile/mobile.css) */
:root {
  --navy: #132A58; --navy-2: #1C3A75; --gold: #CCA652; --gold-light: #D8B468; --gold-dark: #B8913C; --gold-text: #9A7A2E;
  --cream: #FFF8E8; --red: #B3402F; --ink-2: rgba(19, 42, 88, 0.72); --ink-3: rgba(19, 42, 88, 0.6);
  --bg: linear-gradient(170deg, #FFFBF2 0%, #F6F2EA 48%, #E8EDF8 100%);
  --navy-fill: linear-gradient(180deg, var(--navy-2) 0%, var(--navy) 100%);
  --gold-fill: linear-gradient(180deg, var(--gold-light), var(--gold));
  --font: "IRANSans", Tahoma, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; min-height: 100%; background: #F6F2EA var(--bg) no-repeat; background-size: 100% 100%; }
body { margin: 0; min-height: 100vh; font-family: var(--font); color: var(--navy); line-height: 1.7; direction: rtl; -webkit-tap-highlight-color: transparent; }
a { color: var(--navy); font-weight: 700; text-decoration: none; border-bottom: 1.5px solid rgba(204, 166, 82, 0.7); }
.wrap { max-width: 430px; margin: 0 auto; padding: 22px 16px 40px; }
.logo { display: flex; justify-content: center; align-items: center; min-height: 48px; margin-bottom: 10px; }
.logo img { width: 168px; height: auto; display: block; }
.logo .wordmark { font-weight: 700; font-size: 22px; }
h1 { font-size: 24px; margin: 8px 0 2px; text-align: center; line-height: 1.55; text-wrap: balance; }
.sub { text-align: center; color: var(--ink-2); margin: 0 0 18px; font-size: 14px; }
.card {
  background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.95); border-radius: 24px;
  box-shadow: 0 12px 34px rgba(19, 42, 88, 0.1); padding: 18px; margin-bottom: 16px;
}
.prize { text-align: center; color: var(--gold-text); font-weight: 700; font-size: 16px; text-wrap: balance; }
.stat { text-align: center; color: var(--ink-2); font-size: 14px; margin-top: 4px; }
.btn {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 10px 18px;
  border: 1.5px solid transparent; border-radius: 999px; background: var(--navy-fill); color: var(--cream);
  font: inherit; font-weight: 700; font-size: 17px; cursor: pointer; touch-action: manipulation;
  box-shadow: 0 10px 26px rgba(19, 42, 88, 0.25);
}
.btn.secondary { background: rgba(255, 255, 255, 0.6); border-color: rgba(19, 42, 88, 0.14); color: rgba(19, 42, 88, 0.85); font-weight: 500; box-shadow: none; }
.btn + .btn { margin-top: 10px; }
.btn:active { transform: scale(0.985); }
.btn:focus-visible, .search input:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
table.board { width: 100%; border-collapse: collapse; }
table.board td { padding: 9px 6px; border-bottom: 1px solid rgba(19, 42, 88, 0.07); font-size: 16px; }
table.board tr:last-child td { border-bottom: 0; }
table.board td.rk { width: 44px; text-align: center; }
table.board td.rk span { display: inline-flex; width: 32px; height: 32px; border-radius: 50%; align-items: center; justify-content: center; background: rgba(19, 42, 88, 0.07); font-weight: 700; font-size: 14px; }
table.board tr.top td.rk span { background: var(--gold-fill); color: var(--navy); }
table.board td.nk { font-weight: 700; word-break: break-word; }
table.board td.sc { text-align: left; color: var(--gold-text); font-weight: 700; width: 64px; }
.search { display: flex; gap: 8px; }
.search input {
  flex: 1; min-width: 0; height: 52px; border-radius: 14px; border: 1.5px solid rgba(19, 42, 88, 0.18); background: rgba(255, 255, 255, 0.9);
  color: var(--navy); font: inherit; font-size: 16px; padding: 0 14px;
}
.search input:focus { border-color: var(--gold); outline: none; box-shadow: 0 0 0 4px rgba(204, 166, 82, 0.2); }
.search input::placeholder { color: rgba(19, 42, 88, 0.38); }
.search button { width: 104px; flex: none; }
.results { margin-top: 12px; }
.results .r { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 6px; border-bottom: 1px solid rgba(19, 42, 88, 0.07); }
.results .r:last-child { border-bottom: 0; }
.results .r b { font-weight: 700; word-break: break-word; }
.results .r span { color: var(--gold-text); font-weight: 700; white-space: nowrap; }
.results .none { color: var(--ink-2); text-align: center; padding: 8px; }
.cta { text-align: center; }
.cta .big { font-size: 18px; font-weight: 700; margin-bottom: 6px; }
.rules { font-size: 14px; color: var(--ink-2); margin: 0; padding-inline-start: 18px; }
.rules li { margin-bottom: 4px; }
footer { text-align: center; color: var(--ink-3); font-size: 13px; margin-top: 22px; }
footer a { margin: 0 8px; font-weight: 500; border-bottom: 0; color: var(--ink-3); }
footer a[href^="https://iranweblife"] { direction: ltr; unicode-bidi: isolate; }
.final { display: inline-block; padding: 3px 12px; border-radius: 999px; background: rgba(204, 166, 82, 0.18); border: 1px solid rgba(204, 166, 82, 0.6); color: var(--navy); font-weight: 700; font-size: 13px; }
.fa-num { font-variant-numeric: tabular-nums; }

/* نتیجه */
.result-head { text-align: center; }
.result-head .nick { font-size: 28px; font-weight: 700; margin-top: 4px; word-break: break-word; line-height: 1.5; }
.result-head .score { font-size: 72px; font-weight: 700; color: var(--gold-dark); line-height: 1.1; margin-top: 4px; }
.result-head .score small { display: block; font-size: 14px; color: var(--ink-2); font-weight: 500; margin-top: 4px; }
.result-head .rank { font-size: 20px; font-weight: 700; margin-top: 8px; }
.result-head .title { display: inline-block; margin-top: 10px; padding: 7px 20px; border-radius: 999px; background: var(--gold-fill); border: 1.5px solid var(--gold-dark); color: var(--navy); font-weight: 700; }
.cardimg { display: block; width: 72%; max-width: 300px; border-radius: 16px; margin: 4px auto 16px; box-shadow: 0 18px 44px rgba(19, 42, 88, 0.22); }
.hint { font-size: 13px; color: var(--ink-2); text-align: center; margin-top: 8px; min-height: 20px; }
.hook { text-align: center; font-size: 15px; color: var(--ink-2); text-wrap: balance; }
.mt { margin-top: 10px; }