/* The classic theme remains in style.css. Only appearance changes in the iOS skin. */
.skin-control { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; flex-shrink: 0; color: inherit; font-size: 11px; }
.skin-control select { padding: 5px 7px; border-color: #ffffff55; background: #ffffff12; color: #fff; font-size: 12px; }
.skin-control option { color: #252b38; background: #fff; }
.skin-control + .language-control { margin-left: 0; }
@media (max-width: 1100px) { .header-note { display: none; } }

html[data-skin="ios"] { --purple: #0066cc; --orange: #007aff; --ink: #1c1c1e; --muted: #63636b; --line: #e5e5ea; --blue: #0066cc; --red: #d82e36; }
html[data-skin="ios"] body { background: #f2f2f7; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif; }
html[data-skin="ios"] .site-header { background: #ffffffed; color: #1c1c1e; border-bottom: 1px solid #dcdce3; }
html[data-skin="ios"] .header-inner { gap: 18px; }
html[data-skin="ios"] .brand { color: #1c1c1e; letter-spacing: -.5px; }
html[data-skin="ios"] .brand-icon { color: #007aff; }
html[data-skin="ios"] .brand small { color: #63636b; letter-spacing: 1.6px; }
html[data-skin="ios"] .header-note { color: #63636b; }
html[data-skin="ios"] .header-note i { background: #34c759; }
html[data-skin="ios"] .main-nav { align-self: center; background: #eeeef0; border-radius: 12px; padding: 3px; gap: 2px; }
html[data-skin="ios"] .main-nav :is(button,a) { color: #505058; border-radius: 9px; padding: 8px 15px; font-size: 13px; font-weight: 500; }
html[data-skin="ios"] .main-nav :is(button,a).active { background: #fff; color: #0066cc; box-shadow: 0 1px 4px #00000014; }
html[data-skin="ios"] .main-nav :is(button,a):hover:not(.active) { background: #e4e4e9; color: #0066cc; }
html[data-skin="ios"] :is(.skin-control select,#language-select) { border: 1px solid #e5e5ea; background: #f2f2f7; color: #3a3a3c; border-radius: 9px; }
html[data-skin="ios"] :is(button,select,input[type="date"],input[type="search"]) { border-radius: 8px; }
html[data-skin="ios"] :is(button,a,input,select):focus-visible { outline-color: #007aff; }
html[data-skin="ios"] input[type="checkbox"] { accent-color: #007aff; }
html[data-skin="ios"] .score-toolbar { padding: 10px 0; gap: 4px; }
html[data-skin="ios"] .score-toolbar h1 { color: #1c1c1e; font-weight: 650; }
html[data-skin="ios"] .score-toolbar .status-tabs > button { background: #e9e9ef; border-radius: 8px; color: #53535b; padding-top: 6px; padding-bottom: 6px; }
html[data-skin="ios"] .score-toolbar .status-tabs > button.active { background: #007aff; color: #fff; box-shadow: 0 2px 5px #007aff20; }
html[data-skin="ios"] .status-tabs > button.active::after { display: none; }
html[data-skin="ios"] #today-button { background: #e7f1ff; color: #0066cc; border-color: #cfe2fc; }
html[data-skin="ios"] .scoreboard { border-color: #e2e2e8; border-radius: 14px; box-shadow: 0 4px 18px #17173a06; }
html[data-skin="ios"] .selection-bar { color: #63636b; background: #ffffff; border-radius: 14px 14px 0 0; }
html[data-skin="ios"] .table-footer { border-radius: 0 0 14px 14px; }
html[data-skin="ios"] .score-table th { background: #ededf3; color: #484850; border-color: #dfdfe6; font-weight: 600; }
html[data-skin="ios"] .score-table .odds-heading { background: #eaf4ee; color: #28613b; }
html[data-skin="ios"] .score-table .prediction-heading { background: #e7effc; color: #295b9a; }
html[data-skin="ios"] .score-table .league-goals-heading { white-space: normal; overflow-wrap: normal; line-height: 1.15; }
html[data-skin="ios"] .score-table td { border-bottom-color: #e9e9ee; border-right-color: #f0f0f4; }
html[data-skin="ios"] .score-table tbody tr.is-alternate { background: #f8f8fb; }
html[data-skin="ios"] .score-table tbody tr[data-fixture]:hover { background: #edf4ff; }
html[data-skin="ios"] .score-table > tbody > tr.pin-boundary > td { border-top-color: #d6dfec; }
html[data-skin="ios"] .league-tag { border-radius: 5px; font-weight: 600; }
html[data-skin="ios"] .league-color-0 { background: #e1edff; color: #1856a5; }
html[data-skin="ios"] .league-color-1 { background: #f0e5fc; color: #7939a8; }
html[data-skin="ios"] .league-color-2 { background: #ddf3f1; color: #146d68; }
html[data-skin="ios"] .league-color-3 { background: #fff0df; color: #925615; }
html[data-skin="ios"] .league-color-4 { background: #e4f3e6; color: #326f3b; }
html[data-skin="ios"] .league-color-5 { background: #fce6ed; color: #a23c60; }
html[data-skin="ios"] .league-color-6 { background: #e0f1fa; color: #22617f; }
html[data-skin="ios"] .league-color-7 { background: #eae6fc; color: #5d46a7; }
html[data-skin="ios"] .prediction-toggle { background: #e7effc; color: #295b9a; }
/* Red cards, goal averages, trend arrows, Jev warnings and pink score alerts retain their semantics. */
html[data-skin="ios"] :is(dialog,.score-preview,.stat-chart) { border: 1px solid #dcdce4; border-radius: 16px; background: #fffffffa; box-shadow: 0 12px 45px #1c1c3026; }
html[data-skin="ios"] dialog::backdrop { background: #1c1c2833; }
html[data-skin="ios"] :is(.dialog-header,.dialog-heading,.score-preview header,.stat-chart header) { background: #f4f4f8; color: #1c1c1e; border-bottom: 1px solid #e5e5ea; }
html[data-skin="ios"] :is(.score-preview header button,.stat-chart header button,.dialog-header button) { color: #0066cc; }
html[data-skin="ios"] .score-preview header > strong { color: #0066cc; }
html[data-skin="ios"] :is(.score-preview h3,#match-detail h3) { color: #34343a; border-left-color: #007aff; }
html[data-skin="ios"] :is(.history-table,.detail-stats,.standings-table) thead { background: #f2f2f7; color: #484850; }
html[data-skin="ios"] :is(.history-table,.detail-stats) tbody tr:nth-child(even) { background: #f8f8fb; }
html[data-skin="ios"] .standings-table .current-team { background: #eaf2ff; }
html[data-skin="ios"] .scroll-shortcuts { border-color: #dedee6; border-radius: 14px; background: #ffffffef; box-shadow: 0 5px 20px #1c1c3014; overflow: hidden; }
html[data-skin="ios"] .scroll-shortcuts button { background: transparent; border-radius: 0; }
html[data-skin="ios"] .scroll-shortcuts button + button { border-top-color: #e5e5ea; }
html[data-skin="ios"] .scroll-shortcuts button:hover { background: #eaf2ff; }
html[data-skin="ios"] :is(.country-card,.league-group,.league-detail,.library-empty,.library-message,.continent-tabs) { border-radius: 14px; border-color: #e2e2e8; }
html[data-skin="ios"] .continent-tabs { border-bottom-width: 1px; }
html[data-skin="ios"] .continent-tabs button { border-radius: 0; }
html[data-skin="ios"] .continent-tabs button:hover { background: #eaf2ff; }
html[data-skin="ios"] .continent-tabs button[aria-pressed=true] { background: #007aff; color: #fff; }
html[data-skin="ios"] .country-card[aria-pressed=true] { background: #edf4ff; box-shadow: inset 3px 0 #007aff; border-color: #c2dafa; }
html[data-skin="ios"] .country-code { background: #e7effc; border-radius: 8px; }
html[data-skin="ios"] :is(.league-group h2,.library-standings caption,.archive-table th) { background: #f2f2f7; color: #484850; }
html[data-skin="ios"] .league-link:hover { background: #edf4ff; color: #0066cc; }
html[data-skin="ios"] .archive-table tbody tr:nth-child(even) { background: #f8f8fb; }
html[data-skin="ios"] .library-back { background: #eaf2ff; }
@supports (backdrop-filter: blur(16px)) {
  html[data-skin="ios"] :is(.site-header,.score-preview,.scroll-shortcuts) { backdrop-filter: blur(16px) saturate(135%); -webkit-backdrop-filter: blur(16px) saturate(135%); }
}
@media (max-width: 900px) {
  html[data-skin="ios"] .header-inner { gap: 8px; padding-bottom: 8px; }
  html[data-skin="ios"] .main-nav :is(button,a) { padding: 7px 8px; font-size: 12px; }
}
@media (max-width: 360px) { .skin-control > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); } }