* {
  box-sizing: border-box;
}

:root {
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8faff;
  --text: #101828;
  --muted: #667085;
  --line: #e7ecf3;
  --primary: #0f5fe8;
  --primary-dark: #0849b7;
  --primary-soft: #eaf2ff;
  --danger: #d92d20;
  --danger-soft: #fff1f0;
  --shadow: 0 10px 30px rgba(15, 37, 71, 0.08);
  --radius-xl: 26px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

html,
body {
  margin: 0;
  min-height: 100%;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-tap-highlight-color: transparent;
}

body {
  min-height: 100vh;
}

button,
input,
select {
  font: inherit;
}

button {
  border: 0;
}

button,
select {
  cursor: pointer;
}

.hidden {
  display: none !important;
}

.screen {
  display: none;
  min-height: 100vh;
}

.screen.active {
  display: block;
}

/* HOME */

#screen-home {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(62, 130, 255, 0.22), transparent 33%),
    linear-gradient(180deg, #0a4ebf 0%, #0f5fe8 42%, #f4f7fb 42%);
  padding: max(46px, env(safe-area-inset-top)) 22px 28px;
}

.home-hero {
  color: white;
  min-height: 39vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 38px;
}

.logo-mark {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 900;
  letter-spacing: -2px;
  margin-bottom: 22px;
  backdrop-filter: blur(10px);
}

.eyebrow,
.topbar-kicker,
.section-kicker {
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 800;
}

.eyebrow {
  color: rgba(255, 255, 255, 0.72);
}

.home-hero h1 {
  margin: 0;
  font-size: clamp(38px, 11vw, 56px);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.home-hero h1 span {
  color: #cfe0ff;
}

.home-subtitle {
  max-width: 520px;
  margin: 18px 0 0;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
}

.home-actions {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.btn {
  border-radius: 16px;
  min-height: 52px;
  padding: 14px 18px;
  font-weight: 800;
  transition: transform 0.12s ease, opacity 0.12s ease;
}

.btn:active {
  transform: scale(0.985);
}

.btn-large {
  width: 100%;
  min-height: 58px;
  font-size: 16px;
}

.btn-primary {
  background: var(--primary);
  color: white;
  box-shadow: 0 12px 24px rgba(15, 95, 232, 0.26);
}

#screen-home .btn-primary {
  background: white;
  color: var(--primary);
  box-shadow: var(--shadow);
}

.btn-secondary {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
}

.btn-danger {
  background: var(--danger);
  color: white;
}

.save-summary {
  margin-top: 14px;
  padding: 16px;
  border-radius: 18px;
  background: white;
  box-shadow: var(--shadow);
}

.save-summary-main {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.save-summary-main span,
.save-summary-meta span {
  color: var(--muted);
  font-size: 12px;
}

.save-summary-main strong {
  display: block;
  margin-top: 3px;
  font-size: 15px;
}

.save-summary-meta {
  display: grid;
  gap: 4px;
  text-align: right;
}

.version-label {
  margin: 28px 0 0;
  text-align: center;
  color: #98a2b3;
  font-size: 12px;
}

/* TOP BARS */

.topbar,
.game-header {
  position: sticky;
  top: 0;
  z-index: 10;
  padding-top: max(18px, env(safe-area-inset-top));
}

.topbar.simple {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 17px;
  background: var(--primary);
  color: white;
}

.icon-button {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255,255,255,0.14);
  color: white;
  font-size: 30px;
  line-height: 1;
}

.topbar h2,
.game-header h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.03em;
}

.topbar-kicker {
  color: rgba(255,255,255,0.72);
}

.game-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--primary);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 18px;
}

.energy-chip {
  min-width: 72px;
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.14);
  text-align: center;
}

.energy-chip span {
  display: block;
  font-size: 10px;
  color: rgba(255,255,255,0.72);
}

.energy-chip strong {
  font-size: 18px;
}

/* LAYOUT */

.page-content,
.game-content {
  width: min(100%, 760px);
  margin: 0 auto;
}

.page-content {
  padding: 22px 16px 36px;
}

.game-content {
  padding: 20px 16px calc(105px + var(--safe-bottom));
}

.section-block {
  background: var(--surface);
  border-radius: var(--radius-xl);
  padding: 20px;
  margin-bottom: 16px;
  box-shadow: 0 7px 24px rgba(15, 37, 71, 0.05);
  border: 1px solid rgba(226, 232, 240, 0.9);
}

.section-block.compact {
  border-radius: 22px;
  padding: 18px;
}

.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}

.section-heading h3,
.intro-copy h3,
.empty-state h3,
.danger-zone h3 {
  margin: 0;
  font-size: 21px;
  letter-spacing: -0.035em;
}

.section-kicker {
  color: var(--primary);
}

.step-pill,
.week-pill {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
}

/* FORM */

.form-grid {
  display: grid;
  gap: 15px;
}

.field {
  display: grid;
  gap: 7px;
}

.field > span {
  font-size: 13px;
  font-weight: 750;
  color: #344054;
}

.field input,
.field select {
  width: 100%;
  min-height: 50px;
  border: 1px solid #d9e0ea;
  border-radius: 14px;
  background: #fff;
  padding: 0 14px;
  color: var(--text);
  outline: none;
  appearance: none;
}

.field input:focus,
.field select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(15, 95, 232, 0.1);
}

.style-list {
  display: grid;
  gap: 10px;
}

.style-card {
  width: 100%;
  padding: 16px;
  border-radius: 17px;
  text-align: left;
  background: var(--surface-soft);
  color: var(--text);
  border: 1px solid var(--line);
}

.style-card.selected {
  background: var(--primary-soft);
  border-color: rgba(15, 95, 232, 0.5);
}

.style-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.style-card p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.selection-dot {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid #cbd5e1;
}

.style-card.selected .selection-dot {
  border: 5px solid var(--primary);
}

.creation-info {
  display: grid;
  gap: 4px;
  margin: 0 2px 18px;
  padding: 15px 16px;
  border-radius: 16px;
  background: #edf4ff;
  color: var(--primary-dark);
}

.creation-info span {
  font-size: 12px;
  opacity: 0.8;
}

.error-message {
  margin: 12px 2px 0;
  color: var(--danger);
  font-size: 13px;
  text-align: center;
}

/* DASHBOARD */

.dashboard-welcome {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin-bottom: 14px;
  padding: 20px;
  background: white;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  box-shadow: 0 7px 24px rgba(15, 37, 71, 0.05);
}

.dashboard-welcome h3 {
  margin: 0;
  font-size: 25px;
  letter-spacing: -0.045em;
}

.dashboard-welcome p:last-child {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.player-badge {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  background: var(--primary);
  color: white;
  font-size: 20px;
  font-weight: 900;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}

.metric-card {
  min-height: 135px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 17px;
  box-shadow: 0 7px 24px rgba(15, 37, 71, 0.04);
}

.metric-card span {
  display: block;
  font-size: 12px;
  color: var(--muted);
}

.metric-card strong {
  display: block;
  margin: 9px 0 3px;
  font-size: 34px;
  letter-spacing: -0.05em;
}

.metric-card small {
  color: #98a2b3;
  line-height: 1.35;
}

.today-slots {
  display: grid;
  gap: 9px;
}

.today-slot,
.slot-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  padding: 0 13px;
  background: var(--surface-soft);
  border-radius: 13px;
}

.today-slot span,
.slot-row span {
  color: var(--muted);
  font-size: 12px;
}

.today-slot strong,
.slot-row strong {
  font-size: 13px;
}

.muted-copy {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.account-link {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 58px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: white;
  color: var(--text);
  font-weight: 800;
}

.account-link strong {
  color: var(--primary);
  font-size: 24px;
}

/* PLANNING */

.intro-copy {
  margin-bottom: 17px;
  padding: 3px 2px;
}

.intro-copy p:last-child {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
  font-size: 13px;
}

.planning-list {
  display: grid;
  gap: 12px;
}

.day-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 19px;
  padding: 15px;
}

.day-card.current {
  border-color: rgba(15, 95, 232, 0.4);
  box-shadow: 0 8px 24px rgba(15,95,232,0.08);
}

.day-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.day-card-header span {
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 10px;
  font-weight: 800;
}

.slot-list {
  display: grid;
  gap: 7px;
}

/* PLAYER */

.player-identity {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  margin-bottom: 16px;
  border-radius: 24px;
  background: white;
  border: 1px solid var(--line);
}

.portrait-placeholder {
  width: 74px;
  height: 74px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  flex: 0 0 74px;
  background: linear-gradient(145deg, #d8e6ff, #f1f6ff);
  color: var(--primary);
  font-weight: 900;
  font-size: 22px;
}

.player-identity h3 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -0.04em;
}

.player-identity p:last-child {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.stats-list {
  display: grid;
  gap: 14px;
}

.stat-row {
  display: grid;
  gap: 7px;
}

.stat-name {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.stat-name span {
  font-size: 13px;
}

.stat-name strong {
  color: var(--primary);
  font-size: 13px;
}

.stat-track {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  overflow: hidden;
  background: #edf1f6;
}

.stat-fill {
  min-width: 2%;
  height: 100%;
  border-radius: inherit;
  background: var(--primary);
}

/* EMPTY / ACCOUNT */

.empty-state {
  margin-top: 22px;
  padding: 34px 24px;
  text-align: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
}

.empty-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 24px;
  font-weight: 900;
}

.empty-state p:last-child {
  margin: 10px auto 0;
  max-width: 440px;
  color: var(--muted);
  line-height: 1.55;
  font-size: 13px;
}

.account-data {
  display: grid;
  gap: 10px;
}

.account-data > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}

.account-data > div:last-child {
  border-bottom: 0;
}

.account-data span {
  color: var(--muted);
  font-size: 13px;
}

.account-data strong {
  font-size: 13px;
}

.danger-zone {
  padding: 20px;
  border-radius: 22px;
  background: var(--danger-soft);
  border: 1px solid rgba(217, 45, 32, 0.16);
}

.danger-zone .section-kicker,
.danger-zone h3 {
  color: var(--danger);
}

.danger-zone p:not(.section-kicker) {
  color: #7a271a;
  font-size: 13px;
  line-height: 1.5;
}

/* BOTTOM NAV */

.bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 20;
  width: min(100%, 760px);
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2px;
  padding: 9px 8px calc(8px + var(--safe-bottom));
  background: rgba(255,255,255,0.96);
  border-top: 1px solid var(--line);
  box-shadow: 0 -8px 30px rgba(15, 37, 71, 0.08);
  backdrop-filter: blur(16px);
}

.nav-item {
  min-width: 0;
  min-height: 54px;
  padding: 6px 2px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  border-radius: 13px;
  background: transparent;
  color: #98a2b3;
  font-size: 10px;
  font-weight: 750;
}

.nav-item.active {
  background: var(--primary-soft);
  color: var(--primary);
}

.nav-icon {
  font-size: 20px;
  line-height: 1;
}

/* TOAST */

.toast {
  position: fixed;
  left: 50%;
  bottom: calc(92px + var(--safe-bottom));
  z-index: 100;
  transform: translateX(-50%);
  max-width: calc(100% - 32px);
  padding: 11px 16px;
  border-radius: 999px;
  background: #101828;
  color: white;
  font-size: 12px;
  font-weight: 700;
  box-shadow: var(--shadow);
}

/* RESPONSIVE */

@media (min-width: 620px) {
  #screen-home {
    padding-left: max(22px, calc((100vw - 620px) / 2));
    padding-right: max(22px, calc((100vw - 620px) / 2));
  }

  .form-grid {
    grid-template-columns: 1fr 1fr;
  }

  .form-grid .field:last-child {
    grid-column: 1 / -1;
  }

  .style-list {
    grid-template-columns: 1fr 1fr;
  }
}


/* PLAYER V0.2 */

.player-identity-v2 {
  align-items: center;
}

.portrait-large {
  width: 82px;
  height: 82px;
  flex-basis: 82px;
  border-radius: 24px;
  font-size: 24px;
}

.player-identity-main {
  min-width: 0;
  flex: 1;
}

.player-rank-box {
  min-width: 70px;
  padding: 11px 10px;
  border-radius: 16px;
  background: var(--primary-soft);
  text-align: center;
}

.player-rank-box span {
  display: block;
  color: var(--primary);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.player-rank-box strong {
  display: block;
  margin-top: 3px;
  color: var(--primary-dark);
  font-size: 21px;
  letter-spacing: -0.04em;
}

.player-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}

.player-summary-card {
  min-height: 112px;
  padding: 16px;
  border-radius: 20px;
  background: white;
  border: 1px solid var(--line);
  box-shadow: 0 5px 18px rgba(15, 37, 71, 0.04);
}

.player-summary-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.player-summary-card strong {
  display: block;
  margin: 7px 0 2px;
  font-size: 27px;
  letter-spacing: -0.05em;
}

.player-summary-card small {
  color: #98a2b3;
  font-size: 11px;
}

.player-tabs {
  position: sticky;
  top: 88px;
  z-index: 8;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-bottom: 14px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(14px);
}

.player-tab {
  min-height: 42px;
  border-radius: 12px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.player-tab.active {
  background: var(--primary);
  color: white;
  box-shadow: 0 6px 16px rgba(15, 95, 232, 0.18);
}

.stats-count {
  min-width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.player-tab-empty {
  margin-top: 0;
}

.results-list {
  display: grid;
  gap: 10px;
}

.result-row {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.result-row:last-child {
  border-bottom: 0;
}

.result-row > div {
  display: grid;
  gap: 3px;
}

.result-row > div strong {
  font-size: 13px;
}

.result-row > div span {
  color: var(--muted);
  font-size: 11px;
}

.result-badge {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
}

.result-badge.win {
  background: #ecfdf3;
  color: #027a48;
}

.result-badge.loss {
  background: #fff1f0;
  color: #d92d20;
}

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

.career-overview > div {
  min-height: 78px;
  padding: 13px;
  border-radius: 15px;
  background: var(--surface-soft);
}

.career-overview span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.career-overview strong {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  letter-spacing: -0.03em;
}

@media (max-width: 420px) {
  .player-identity-v2 {
    gap: 12px;
    padding: 16px;
  }

  .portrait-large {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
    border-radius: 20px;
  }

  .player-identity-main h3 {
    font-size: 20px;
  }

  .player-rank-box {
    min-width: 60px;
    padding: 9px 8px;
  }

  .player-tabs {
    top: 86px;
  }
}


/* PLANNING V0.3 */
.modal-open { overflow: hidden; }
.planning-intro { margin-bottom: 14px; }
.energy-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}
.energy-overview > div {
  min-height: 96px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: white;
}
.energy-overview span { display:block; color:var(--muted); font-size:11px; line-height:1.35; }
.energy-overview strong { display:block; margin-top:7px; font-size:26px; letter-spacing:-0.05em; }
.planning-list-v3 { margin-bottom: 18px; }
.day-card.past { opacity: .72; }
.slot-button { width:100%; border:0; text-align:left; cursor:pointer; }
.slot-button:disabled { cursor:default; }
.slot-button > div:first-child { display:grid; gap:3px; }
.slot-button.done { background:#f7f9fc; }
.slot-meta { display:flex; align-items:center; gap:7px; }
.slot-meta small { min-width:28px; text-align:right; color:var(--muted); font-size:10px; }
.slot-cost,.slot-rest,.slot-gain,.slot-done,.slot-empty {
  display:inline-flex; min-height:28px; align-items:center; justify-content:center;
  padding:0 9px; border-radius:999px; font-size:10px; font-weight:900;
}
.slot-cost { background:#fff4ed; color:#b54708; }
.slot-rest { background:#ecfdf3; color:#027a48; }
.slot-gain { background:var(--primary-soft); color:var(--primary); }
.slot-done { background:#f2f4f7; color:#475467; }
.slot-empty { background:#f2f4f7; color:#98a2b3; }
.planning-actions {
  position:sticky; bottom:calc(82px + var(--safe-bottom)); z-index:7; padding:8px 0 2px;
  background:linear-gradient(180deg,rgba(244,247,251,0),rgba(244,247,251,1) 24%);
}
.training-modal {
  position:fixed; inset:0; z-index:100; display:flex; align-items:flex-end;
  background:rgba(16,24,40,.36);
}
.training-sheet {
  width:min(100%,760px); max-height:84vh; margin:0 auto;
  padding:18px 16px calc(22px + var(--safe-bottom)); overflow-y:auto;
  border-radius:28px 28px 0 0; background:white;
  box-shadow:0 -18px 50px rgba(16,24,40,.18);
}
.training-sheet-head {
  position:sticky; top:-18px; z-index:3; display:flex; justify-content:space-between; align-items:center;
  margin:-18px -16px 14px; padding:18px 16px 14px; background:white; border-bottom:1px solid var(--line);
}
.training-sheet-head h3 { margin:0; font-size:21px; letter-spacing:-.035em; }
.close-sheet { width:38px; height:38px; border-radius:12px; background:var(--surface-soft); color:var(--text); font-size:24px; }
.training-section-title { margin:18px 2px 8px; color:var(--muted); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.training-grid { display:grid; gap:8px; }
.training-choice {
  width:100%; min-height:58px; display:flex; justify-content:space-between; align-items:center; gap:14px;
  padding:12px 14px; border-radius:15px; border:1px solid var(--line);
  background:var(--surface-soft); color:var(--text); text-align:left;
}
.training-choice > div { display:grid; gap:3px; }
.training-choice strong { font-size:13px; }
.training-choice span { color:var(--muted); font-size:11px; }
.training-choice b { color:#027a48; font-size:13px; }
.rest-choice { background:#f0fdf4; border-color:#d1fadf; }
.physical-choice { background:#fffaf5; }
.clear-choice { margin-top:18px; background:white; border-style:dashed; }
@media (min-width:620px) { .training-grid { grid-template-columns:1fr 1fr; } }


/* WORLD AI V0.4 */
.world-metrics {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.world-metrics > div {
  min-width:0;
  padding:12px 8px;
  border-radius:14px;
  background:var(--surface-soft);
  text-align:center;
}
.world-metrics span {
  display:block;
  color:var(--muted);
  font-size:10px;
  line-height:1.25;
}
.world-metrics strong {
  display:block;
  margin-top:5px;
  font-size:20px;
  letter-spacing:-.04em;
}
.ai-ranking-list { display:grid; }
.ai-ranking-row {
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 36px;
  gap:10px;
  align-items:center;
  min-height:61px;
  border-bottom:1px solid var(--line);
}
.ai-ranking-row:last-child { border-bottom:0; }
.ai-rank {
  color:var(--primary);
  font-size:12px;
  font-weight:900;
}
.ai-player-name {
  min-width:0;
  display:grid;
  gap:3px;
}
.ai-player-name strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.ai-player-name span {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:10px;
}
.ai-overall {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:12px;
}
.ranking-next { margin-top:14px; }


/* TOURNAMENTS V0.5 */
.registration-banner{display:grid;gap:4px;margin-bottom:14px;padding:14px 16px;border-radius:16px;background:var(--primary-soft);border:1px solid rgba(15,95,232,.18)}
.registration-banner span{color:var(--primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.registration-banner strong{font-size:13px}
.tournament-list{display:grid;gap:11px}
.tournament-card{width:100%;padding:16px;border:1px solid var(--line);border-radius:20px;background:white;color:var(--text);text-align:left;box-shadow:0 5px 18px rgba(15,37,71,.04)}
.tournament-card.registered{border-color:rgba(15,95,232,.45);background:#fbfdff}
.tournament-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center}
.tournament-card-head>div{min-width:0;display:grid;gap:4px}
.tournament-card-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.tournament-category{color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.tournament-arrow{color:var(--primary);font-size:26px}
.tournament-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:var(--muted);font-size:11px}
.tournament-card-foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.tournament-card-foot span,.prestige-pill{color:#f59e0b;font-size:11px;letter-spacing:1px}
.tournament-card-foot strong{color:var(--muted);font-size:11px}
.tournament-card.registered .tournament-card-foot strong{color:var(--primary)}
.tournament-back{margin:0 0 12px 2px;padding:0;background:transparent;color:var(--primary);font-size:13px;font-weight:800}
.tournament-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tournament-info-grid>div{min-height:72px;padding:12px;border-radius:14px;background:var(--surface-soft)}
.tournament-info-grid span{display:block;color:var(--muted);font-size:10px}
.tournament-info-grid strong{display:block;margin-top:5px;font-size:15px}
.tournament-action-row{margin-top:14px}.tournament-action-row .btn{width:100%}
.bracket-preview{display:grid;gap:8px}
.bracket-match{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface-soft)}
.bracket-match.human-match{background:var(--primary-soft);border:1px solid rgba(15,95,232,.18)}
.match-number{color:var(--muted);font-size:10px;font-weight:900}
.bracket-match>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;align-items:center}
.bracket-match>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.bracket-match>div span{color:var(--muted);font-size:9px}
.bracket-note{margin-top:10px}


/* MATCH ENGINE V0.6 */
.simulate-tournaments-btn{margin:0 0 14px}
.completed-badge{width:100%;padding:11px 14px;border-radius:13px;background:#ecfdf3;color:#027a48;text-align:center;font-size:12px;font-weight:900}
.mental-reward{margin-bottom:14px;padding:15px;border:1px solid rgba(15,95,232,.18);border-radius:18px;background:var(--primary-soft)}
.mental-reward>div:first-child{display:grid;gap:3px;margin-bottom:11px}
.mental-reward span{color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.mental-reward strong{font-size:13px}
.mental-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.mental-buttons button{min-height:38px;padding:7px;border-radius:11px;background:white;color:var(--primary);font-size:10px;font-weight:800;border:1px solid rgba(15,95,232,.14)}
.match-result-line{display:grid!important;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)!important}
.match-result-line>span{text-align:center;font-weight:900!important;color:var(--text)!important}


/* RANKINGS V0.7 */
.ranking-header-card{
  display:grid;gap:14px;margin-bottom:14px;padding:18px;border:1px solid var(--line);
  border-radius:22px;background:white
}
.ranking-header-card h3{margin:0;font-size:22px;letter-spacing:-.035em}
.ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:14px;background:var(--surface-soft)}
.ranking-tabs button{min-height:38px;border-radius:10px;background:transparent;color:var(--muted);font-size:11px;font-weight:800}
.ranking-tabs button.active{background:var(--primary);color:white}
.ranking-table-head,.ranking-row{display:grid;grid-template-columns:64px minmax(0,1fr) 58px;gap:10px;align-items:center}
.ranking-table-head{padding:0 8px 9px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.ranking-table{display:grid}
.ranking-row{min-height:62px;padding:8px;border-top:1px solid var(--line)}
.human-ranking-row{background:var(--primary-soft);border-radius:13px;border-top-color:transparent;margin:4px 0}
.ranking-position{display:grid;gap:2px}
.ranking-position strong{font-size:12px;color:var(--primary)}
.ranking-position span{font-size:9px;font-weight:800}
.rank-up{color:#027a48}.rank-down{color:#d92d20}.rank-same{color:#98a2b3}
.ranking-player{min-width:0;display:grid;gap:3px}
.ranking-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.ranking-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
.ranking-points{text-align:right;font-size:12px}
.ranking-pagination{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.ranking-pagination button{height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:20px;font-weight:900}
.ranking-pagination button:disabled{opacity:.35}
.ranking-pagination span{text-align:center;color:var(--muted);font-size:11px;font-weight:800}


/* CAREER LOOP V0.8 */
.week-nav{
  display:grid;
  grid-template-columns:42px 1fr 42px;
  gap:10px;
  align-items:center;
}
.week-nav>div{text-align:center}
.week-nav button{
  width:42px;height:42px;border-radius:13px;
  background:var(--primary-soft);color:var(--primary);
  font-size:22px;font-weight:900
}
.week-nav button:disabled{opacity:.3}
.tournament-week-head h3{margin:0}
.slot-match{
  display:inline-flex;min-height:28px;align-items:center;justify-content:center;
  padding:0 9px;border-radius:999px;background:#ede9fe;color:#6d28d9;
  font-size:10px;font-weight:900
}
.lock-badge{background:#f2f4f7;color:#475467}


/* AI PLAYER PROFILES V0.9 */
.clickable-player{cursor:pointer}
.clickable-player:active{background:var(--surface-soft)}
.profile-back{
  margin:0 0 12px 2px;padding:0;background:transparent;color:var(--primary);
  font-size:13px;font-weight:900
}
.ai-profile-hero{
  display:grid;grid-template-columns:58px minmax(0,1fr) 48px;gap:12px;align-items:center;
  padding:18px;margin-bottom:10px;border:1px solid var(--line);border-radius:22px;background:white
}
.ai-avatar{
  width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
  background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:900
}
.ai-profile-identity{min-width:0}
.ai-profile-identity h2{margin:2px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;letter-spacing:-.035em}
.ai-profile-identity>span{color:var(--muted);font-size:10px}
.ai-profile-overall{
  width:48px;height:52px;display:grid;place-items:center;align-content:center;border-radius:15px;
  background:var(--primary);color:white
}
.ai-profile-overall span{font-size:8px;font-weight:800;opacity:.75}
.ai-profile-overall strong{font-size:17px}
.ai-ranking-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px
}
.ai-ranking-strip>div{
  padding:11px 7px;border:1px solid var(--line);border-radius:14px;background:white;text-align:center
}
.ai-ranking-strip span{display:block;color:var(--muted);font-size:9px}
.ai-ranking-strip strong{display:block;margin-top:3px;font-size:14px}
.ai-profile-tabs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px;padding:5px;
  border-radius:15px;background:var(--surface-soft)
}
.ai-profile-tabs button{min-height:38px;border-radius:11px;background:transparent;color:var(--muted);font-size:11px;font-weight:800}
.ai-profile-tabs button.active{background:white;color:var(--primary);box-shadow:0 2px 8px rgba(15,37,71,.06)}
.ai-profile-stats{display:grid;gap:22px}
.ai-stat-domain h4{margin:0 0 9px;font-size:13px}
.ai-stat-list{display:grid}
.ai-stat-row{padding:8px 0;border-bottom:1px solid var(--line)}
.ai-stat-row:last-child{border-bottom:0}
.ai-stat-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}
.ai-stat-row span{font-size:11px}.ai-stat-row strong{font-size:11px}
.ai-stat-track{height:5px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}
.ai-stat-track i{display:block;height:100%;border-radius:999px;background:var(--primary)}
.ai-results-list{display:grid}
.ai-result-row{
  display:grid;grid-template-columns:30px minmax(0,1fr) 42px;gap:9px;align-items:center;
  min-height:56px;border-bottom:1px solid var(--line)
}
.ai-result-row:last-child{border-bottom:0}
.result-badge{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;font-size:10px;font-weight:900}
.result-badge.win{background:#ecfdf3;color:#027a48}.result-badge.loss{background:#fef3f2;color:#d92d20}
.ai-result-row>div{min-width:0;display:grid;gap:2px}
.ai-result-row>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.ai-result-row>div span{color:var(--muted);font-size:9px}
.ai-result-row>strong{text-align:right;font-size:11px}
.profile-empty{padding:24px 10px;text-align:center;color:var(--muted);font-size:11px}
.career-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.career-metrics>div,.career-summary>div{padding:12px;border-radius:14px;background:var(--surface-soft)}
.career-metrics span,.career-summary span{display:block;color:var(--muted);font-size:9px}
.career-metrics strong,.career-summary strong{display:block;margin-top:4px;font-size:16px}
.career-summary{display:grid;gap:7px;margin-top:10px}
.inline-player-link{
  min-width:0;padding:0;background:transparent;color:var(--text);text-align:left;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800
}
.inline-player-link:active{color:var(--primary)}


/* MULTI-SEASON V1.0 */
.season-history-list{display:grid;gap:8px}
.season-history-row{
  display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:8px;align-items:center;
  padding:11px;border-radius:14px;background:var(--surface-soft)
}
.season-history-row>div{min-width:0;display:grid;gap:2px}
.season-history-row span{color:var(--muted);font-size:9px}
.season-history-row strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-season-history{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ai-season-history>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.ai-season-history>div:last-child{border-bottom:0}
.ai-season-history span{color:var(--muted);font-size:9px}
.ai-season-history strong{font-size:10px;text-align:right}
@media(max-width:420px){
  .season-history-row{grid-template-columns:1.2fr .8fr .8fr}
  .season-history-row>div:last-child{display:none}
}


/* HONORS V1.1 */
.honors-hero{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  margin-bottom:12px;padding:18px;border:1px solid var(--line);border-radius:22px;background:white
}
.honors-hero h3{margin:0;font-size:22px;letter-spacing:-.035em}
.honors-hero p:last-child{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.honors-count{
  width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;
  border-radius:16px;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:900
}
.honors-tabs{
  display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px;padding:5px;
  border-radius:15px;background:var(--surface-soft);overflow-x:auto
}
.honors-tabs button{
  min-width:0;min-height:38px;padding:5px;border-radius:10px;background:transparent;
  color:var(--muted);font-size:9px;font-weight:800
}
.honors-tabs button.active{background:white;color:var(--primary);box-shadow:0 2px 8px rgba(15,37,71,.06)}
.honors-list{display:grid}
.honors-row{
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  min-height:62px;padding:10px 2px;border-bottom:1px solid var(--line)
}
.honors-row:last-child{border-bottom:0}
.honors-row>div:first-child{min-width:0;display:grid;gap:3px}
.honors-row span{color:var(--muted);font-size:9px}
.honors-row strong{font-size:11px}
.honors-winner{text-align:right;display:grid;gap:3px}
.honors-winner strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.honors-trophy{color:#f59e0b;font-size:18px;font-weight:900}
.player-honors-list{margin-top:12px;padding-top:6px;border-top:1px solid var(--line)}
.honors-link{margin-bottom:10px}


/* TRAINING BALANCE V1.2 */
.training-history-list{display:grid}
.training-history-row{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  min-height:52px;padding:8px 0;border-bottom:1px solid var(--line)
}
.training-history-row:last-child{border-bottom:0}
.training-history-row>div{min-width:0;display:grid;gap:3px}
.training-history-row>div strong{font-size:11px}
.training-history-row>div span{color:var(--muted);font-size:9px}
.training-history-row>strong{font-size:12px}
.training-positive{color:var(--primary)}
.training-neutral{color:#98a2b3}


/* CIRCUIT & TOURNAMENTS V1.3 */
.circuit-summary{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px
}
.circuit-summary>div{
  padding:10px 6px;border:1px solid var(--line);border-radius:13px;background:white;text-align:center
}
.circuit-summary span{display:block;color:var(--muted);font-size:8px}
.circuit-summary strong{display:block;margin-top:3px;font-size:14px}
.seed-badge{
  display:inline-flex;align-items:center;justify-content:center;margin-right:5px;padding:2px 5px;
  border-radius:999px;background:#fff7ed;color:#b45309;font-size:7px;font-weight:900;
  vertical-align:middle
}
.tournament-info-grid{grid-template-columns:1fr 1fr}
@media(max-width:420px){
  .circuit-summary{grid-template-columns:repeat(2,1fr)}
}


/* MATCH ENGINE V1.4 */
.match-engine-note{margin:0 0 12px}


/* =========================================================
   V1.6 — MOBILE UI REFINEMENT
   Visual/ergonomic changes only.
   ========================================================= */

:root{
  --page-bg:#f6f8fb;
  --card-bg:#ffffff;
  --soft-bg:#f8fafc;
  --ui-radius:18px;
  --ui-radius-sm:12px;
  --ui-shadow:0 8px 28px rgba(15,37,71,.055);
}

/* Global rhythm */
body{background:var(--page-bg)}
.app-shell{background:var(--page-bg)}
.page-content{padding-top:14px}
.section-block,
.intro-copy,
.ranking-header-card,
.ai-profile-hero,
.honors-hero{
  box-shadow:none;
}
.section-block{
  border-radius:var(--ui-radius);
  border-color:#e9edf3;
}
.section-heading{margin-bottom:12px}
.section-heading h3,
.intro-copy h3{letter-spacing:-.035em}
.section-kicker{
  letter-spacing:.075em;
  font-size:9px;
}

/* Dashboard: fewer visual islands */
.dashboard-hero{
  border-radius:22px;
  box-shadow:var(--ui-shadow);
}
.dashboard-grid{
  gap:8px;
}
.dashboard-card{
  border-color:#e9edf3;
  border-radius:16px;
  box-shadow:none;
}
.account-link{
  min-height:52px;
  border-radius:15px;
  border-color:#e9edf3;
  box-shadow:none;
}

/* Player profile */
.player-profile-header,
.player-summary-card{
  border-color:#e9edf3;
  border-radius:20px;
}
.player-tabs{
  padding:4px;
  gap:4px;
  border-radius:14px;
}
.player-tabs button{
  min-height:40px;
  border-radius:10px;
}
.stats-domain,
.ai-stat-domain{
  padding:0;
  border:0;
  background:transparent;
}
.stat-row,
.ai-stat-row{
  padding:10px 0;
}
.stat-track,
.ai-stat-track{
  height:4px;
}

/* Planning */
.planning-day{
  overflow:hidden;
  border:1px solid #e9edf3;
  border-radius:17px;
  background:white;
}
.planning-day-header{
  padding:12px 14px;
  border-bottom:1px solid #edf0f4;
  background:#fbfcfe;
}
.planning-slot{
  min-height:58px;
  border-bottom:1px solid #edf0f4;
}
.planning-slot:last-child{border-bottom:0}
.planning-days{gap:10px}
.planning-actions{
  position:sticky;
  bottom:72px;
  z-index:8;
  padding-top:8px;
  background:linear-gradient(to bottom,rgba(246,248,251,0),var(--page-bg) 28%);
}

/* Tournament list */
.tournament-list{gap:9px}
.tournament-card{
  overflow:hidden;
  border:1px solid #e8edf3;
  border-radius:17px;
  box-shadow:none;
}
.tournament-card-head{
  padding-bottom:10px;
  border-bottom:1px solid #edf0f4;
}
.tournament-card-meta{
  gap:6px 10px;
}
.tournament-card-meta span{
  font-size:9px;
}
.tournament-card-foot{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid #edf0f4;
}
.registration-banner{
  border-radius:15px;
}
.circuit-summary{
  gap:6px;
}
.circuit-summary>div{
  border-color:#e9edf3;
  border-radius:12px;
}

/* Tournament bracket */
.bracket-round{
  border:1px solid #e9edf3;
  border-radius:16px;
  background:white;
}
.bracket-match{
  border-bottom:1px solid #edf0f4;
}
.bracket-match:last-child{border-bottom:0}
.inline-player-link{
  font-size:11px;
  line-height:1.25;
}
.seed-badge{
  margin-right:4px;
  padding:2px 5px;
}

/* Rankings: one clean continuous list */
.ranking-header-card{
  padding:15px;
  border-radius:18px;
  border-color:#e9edf3;
}
.ranking-table-block{
  padding:8px 12px 12px;
}
.ranking-table-head{
  padding:4px 8px 9px;
}
.ranking-row{
  min-height:60px;
  padding:9px 8px;
  border-top-color:#edf0f4;
}
.human-ranking-row{
  margin:3px 0;
  border-radius:12px;
}
.ranking-pagination{
  margin-top:10px;
}

/* AI profile */
.ai-profile-hero{
  border-color:#e9edf3;
  border-radius:20px;
}
.ai-ranking-strip{gap:6px}
.ai-ranking-strip>div{
  border-color:#e9edf3;
  border-radius:12px;
}
.ai-profile-tabs{
  padding:4px;
  gap:4px;
}
.ai-profile-tabs button{
  min-height:39px;
}

/* Honors */
.honors-hero{
  border-color:#e9edf3;
  border-radius:20px;
}
.honors-tabs{
  padding:4px;
  gap:4px;
}
.honors-row{
  min-height:60px;
}

/* Buttons */
.btn{
  border-radius:13px;
  font-weight:850;
}
.btn-large{
  min-height:48px;
}
button:active{
  transform:scale(.985);
}

/* Bottom navigation: calmer, app-like */
.bottom-nav{
  border-top:1px solid #e7ebf1;
  box-shadow:0 -8px 24px rgba(15,37,71,.035);
}
.bottom-nav button{
  min-height:58px;
}
.bottom-nav button.active{
  background:transparent;
}

/* Small phones */
@media(max-width:390px){
  .page-content{padding-left:11px;padding-right:11px}
  .dashboard-grid{grid-template-columns:1fr 1fr}
  .ranking-table-head,.ranking-row{
    grid-template-columns:58px minmax(0,1fr) 52px;
    gap:7px;
  }
  .tournament-card{padding:13px}
  .ai-profile-hero{
    grid-template-columns:52px minmax(0,1fr) 44px;
    padding:14px;
  }
  .ai-avatar{width:52px;height:52px}
  .honors-tabs button{font-size:8px}
}

/* Keep blue focused on hierarchy/actions rather than surfaces */
.intro-copy,
.section-block,
.tournament-card,
.ranking-header-card,
.ai-profile-hero,
.honors-hero{
  background:#fff;
}


/* =========================================================
   V1.7 — TRUE VISUAL REDESIGN
   ========================================================= */

:root{
  --ping-orange:#f28c28;
  --ping-orange-soft:#fff2e5;
  --blue:#0f5fe8;
  --ink:#101828;
  --line-soft:#e9edf3;
}

/* Global */
body{background:#f7f8fa}
.game-content{padding-top:12px}
.section-block,
.dashboard-welcome,
.metric-card,
.day-card,
.player-identity,
.player-summary-card,
.tournament-card,
.ranking-header-card,
.ai-profile-hero,
.honors-hero{
  box-shadow:none!important;
}

/* Top brand header */
.game-header-v17{
  min-height:82px;
  padding:calc(10px + env(safe-area-inset-top)) 14px 12px;
  background:#0d4fbf;
}
.brand-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.brand-logo{
  width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;
  border-radius:13px;background:var(--ping-orange);color:white;
  font-weight:950;letter-spacing:-1px
}
.game-header-v17 h2{
  max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:16px;letter-spacing:-.035em
}
.game-header-v17 .topbar-kicker{font-size:9px;margin-bottom:2px}
.header-next-day{
  flex:0 0 auto;min-height:40px;padding:0 12px;border-radius:12px;
  background:white;color:#0d4fbf;font-size:10px;font-weight:900
}

/* Bottom nav orange accent */
.bottom-nav .nav-item.active{color:var(--ping-orange);background:transparent}
.bottom-nav .nav-item.active .nav-icon{color:var(--ping-orange)}

/* Home = panels, not many cards */
.home-player-panel,
.home-training-panel,
.home-rankings-panel{
  margin-bottom:10px;padding:16px;background:white;border-bottom:1px solid var(--line-soft)
}
.home-player-panel{border-radius:0}
.home-player-main{display:flex;align-items:center;gap:12px}
.home-avatar{
  width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
  background:linear-gradient(145deg,#eaf2ff,#fff2e5);color:#0d4fbf;font-weight:950
}
.home-player-identity{min-width:0;flex:1}
.home-player-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.home-player-name-line h3{
  margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:21px;letter-spacing:-.04em
}
.home-player-identity p{margin:5px 0 0;color:var(--muted);font-size:10px}
.flag-emoji{font-size:15px;line-height:1}

.home-energy{margin-top:14px}
.home-energy-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.home-energy-head span{color:var(--muted);font-size:10px}
.home-energy-head strong{font-size:12px}
.home-energy-track,.player-energy-track{
  height:8px;overflow:hidden;border-radius:999px;background:#edf1f5
}
.home-energy-track i,.player-energy-track i{
  display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ping-orange),#0f5fe8)
}

.panel-title-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.panel-title-line h3{margin:0;font-size:18px;letter-spacing:-.03em}
.inline-action{padding:0;background:transparent;color:var(--ping-orange);font-size:10px;font-weight:900}

.home-slots{display:grid}
.home-slot{
  width:100%;min-height:58px;display:flex;justify-content:space-between;align-items:center;
  gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left
}
.home-slot:last-child{border-bottom:0}
.home-slot>div:first-child{display:grid;gap:3px}
.home-slot span{color:var(--muted);font-size:9px}
.home-slot strong{font-size:12px}
.home-slot.match strong{color:#6d28d9}

.home-rankings-panel{padding-top:4px}
.home-ranking-group{padding:12px 0;border-bottom:1px solid var(--line-soft)}
.home-ranking-group:last-child{border-bottom:0}
.home-ranking-title{display:flex;justify-content:space-between;margin-bottom:5px}
.home-ranking-title span{color:var(--ping-orange);font-size:9px;font-weight:900;text-transform:uppercase}
.home-ranking-title strong{font-size:12px}
.home-rank-row{
  width:100%;min-height:34px;display:grid;grid-template-columns:28px 22px minmax(0,1fr) 44px;
  gap:6px;align-items:center;padding:3px 0;background:transparent;color:var(--ink);text-align:left
}
.home-rank-num{color:var(--blue);font-size:9px;font-weight:900}
.home-rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.home-rank-row>strong{text-align:right;font-size:9px}
.home-links{padding:0 0 8px}

/* Player profile */
.player-identity-v2{
  border-radius:0;border-left:0;border-right:0;padding:14px 16px
}
.player-rank-box{background:var(--ping-orange-soft);color:#9a4e00}
.player-rank-box span,.player-rank-box strong{color:#a04f00}
.player-energy-strip{
  padding:12px 16px;margin-bottom:8px;background:white;border-bottom:1px solid var(--line-soft)
}
.player-energy-strip>div:first-child{display:flex;justify-content:space-between;margin-bottom:6px}
.player-energy-strip span{color:var(--muted);font-size:10px}
.player-energy-strip strong{font-size:12px}
.player-summary-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:8px;background:white
}
.player-summary-card{
  min-height:88px;border-radius:0;border:0;border-right:1px solid var(--line-soft);padding:13px
}
.player-summary-card:last-child{border-right:0}
.player-tabs{border-radius:0;border-left:0;border-right:0;background:white}
.player-tab.active{background:var(--ping-orange);box-shadow:none}
.stats-block{border-radius:0;border-left:0;border-right:0}
.stats-list{gap:0}
.stat-row{padding:9px 0;border-bottom:1px solid var(--line-soft)}
.stat-row:last-child{border-bottom:0}
.stat-track{height:5px}
.stat-red .stat-fill,.ai-stat-row.stat-red i{background:#dc2626}
.stat-orange .stat-fill,.ai-stat-row.stat-orange i{background:#f97316}
.stat-yellow .stat-fill,.ai-stat-row.stat-yellow i{background:#eab308}
.stat-blue .stat-fill,.ai-stat-row.stat-blue i{background:#2563eb}
.stat-green .stat-fill,.ai-stat-row.stat-green i{background:#16a34a}
.stat-red .stat-name strong,.ai-stat-row.stat-red strong{color:#dc2626}
.stat-orange .stat-name strong,.ai-stat-row.stat-orange strong{color:#f97316}
.stat-yellow .stat-name strong,.ai-stat-row.stat-yellow strong{color:#b98900}
.stat-blue .stat-name strong,.ai-stat-row.stat-blue strong{color:#2563eb}
.stat-green .stat-name strong,.ai-stat-row.stat-green strong{color:#16a34a}

/* Training page: continuous surface */
.energy-overview{grid-template-columns:1fr 1fr;gap:0;margin-bottom:8px;background:white}
.energy-overview>div{
  min-height:78px;border-radius:0;border:0;border-right:1px solid var(--line-soft);padding:14px
}
.energy-overview>div:last-child{border-right:0}
.day-card{
  border-radius:0;border-left:0;border-right:0;margin-bottom:0;padding:13px 16px
}
.day-card+.day-card{border-top:0}
.planning-list-v3{display:block;background:white}
.slot-row{background:transparent;border-bottom:1px solid var(--line-soft);border-radius:0}
.slot-row:last-child{border-bottom:0}
.planning-status-note{
  min-height:44px;display:grid;place-items:center;color:var(--muted);font-size:10px;font-weight:800
}

/* Tournament page */
.circuit-summary{display:flex;gap:0;background:white;margin-bottom:8px}
.circuit-summary>div{
  flex:1;border:0;border-right:1px solid var(--line-soft);border-radius:0;background:white
}
.circuit-summary>div:last-child{border-right:0}
.tournament-list{gap:0;background:white}
.tournament-card{
  border-radius:0;border-left:0;border-right:0;border-bottom:1px solid var(--line-soft);
  margin:0;padding:14px 16px
}
.tournament-card:first-child{border-top:1px solid var(--line-soft)}
.tournament-card.registered{background:#fff8f0}
.tournament-category{color:var(--ping-orange)}
.prestige-pill{color:var(--ping-orange)}
.seed-badge{background:var(--ping-orange-soft);color:#a04f00}

/* Rankings */
.ranking-header-card{border-radius:0;border-left:0;border-right:0;margin-bottom:0}
.ranking-tabs button.active{background:var(--ping-orange)}
.ranking-table-block{border-radius:0;border-left:0;border-right:0}
.ranking-row{border-top:1px solid var(--line-soft)}
.human-ranking-row{background:#fff8f0;border-radius:0}
.ranking-position strong{color:var(--ping-orange)}

/* AI profile / honors */
.ai-profile-hero,.honors-hero{border-radius:0;border-left:0;border-right:0}
.ai-profile-tabs button.active,.honors-tabs button.active{color:var(--ping-orange)}
.ai-profile-overall{background:var(--ping-orange)}
.honors-count{background:var(--ping-orange-soft);color:#a04f00}

/* Reduce card feeling globally */
.section-block.compact,
.empty-state,
.danger-zone{
  border-radius:0;border-left:0;border-right:0;box-shadow:none
}
.empty-state{margin-top:8px}

/* Training sheet */
.training-choice{border-radius:12px}
.rest-choice{background:var(--ping-orange-soft);border-color:#ffd7b2}
.training-section-title{color:var(--ping-orange)}

/* Buttons */
.btn-primary{background:var(--ping-orange);box-shadow:none}
.account-link strong{color:var(--ping-orange)}

@media(max-width:390px){
  .game-header-v17 h2{max-width:175px;font-size:14px}
  .header-next-day{padding:0 9px;font-size:9px}
  .home-ranking-group{padding:10px 0}
  .player-summary-grid{grid-template-columns:repeat(3,1fr)}
  .player-summary-card{padding:11px 8px}
}


/* V1.7 — FREE PLANNING */
.planning-actions{
  position:static;
  padding:6px 0 2px;
  background:transparent;
}
.planning-status-note{
  min-height:34px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:9px;
  font-weight:700;
}
.home-slot:disabled,
.slot-row:disabled{
  opacity:.72;
}


/* V1.7 — FULL TOURNAMENT BRACKET */
.tournament-detail-head{
  padding:15px 16px;margin-bottom:8px;background:white;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)
}
.tournament-location{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.full-bracket-shell{
  overflow:hidden;background:#f5f7fa;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)
}
.bracket-scroll-hint{
  padding:9px 14px;background:white;border-bottom:1px solid var(--line-soft);
  color:var(--muted);font-size:8px;font-weight:700
}
.full-bracket{
  display:flex;align-items:stretch;gap:18px;overflow-x:auto;padding:14px 16px 20px;
  -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity
}
.bracket-column{
  flex:0 0 270px;min-width:270px;scroll-snap-align:start
}
.bracket-column-title{
  min-height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px
}
.bracket-column-title span{font-size:11px;font-weight:900;color:var(--ink)}
.bracket-column-title strong{color:var(--muted);font-size:8px}
.bracket-column-matches{
  min-height:100%;display:flex;flex-direction:column;gap:10px;justify-content:space-around
}
.bracket-game{
  overflow:hidden;background:white;border:1px solid #e3e8ef;border-radius:12px;
  box-shadow:0 3px 12px rgba(15,37,71,.035)
}
.bracket-game.human-game{
  border-color:#f6a95f;box-shadow:0 0 0 1px rgba(242,140,40,.12)
}
.bracket-player{
  min-height:39px;display:grid;grid-template-columns:34px 22px minmax(0,1fr) auto 24px;
  gap:5px;align-items:center;padding:7px 8px;border-bottom:1px solid #edf0f4
}
.bracket-player:last-child{border-bottom:0}
.bracket-player.winner{background:#f4fbf7}
.bracket-player.human{background:#fff7ed}
.bracket-player.human.winner{background:#fff1df}
.bracket-player.empty{display:flex;color:var(--muted);font-size:9px}
.bracket-rank{font-size:8px;font-weight:900;color:#667085}
.bracket-player-name{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink);font-size:9px;font-weight:850;text-align:left
}
.bracket-player-link{padding:0;background:transparent}
.bracket-seed{
  padding:2px 5px;border-radius:999px;background:var(--ping-orange-soft);
  color:#a04f00;font-size:7px;font-weight:950;white-space:nowrap
}
.bracket-score{text-align:right;font-size:11px;color:var(--ink)}
.bracket-player.winner .bracket-score{color:#067647}
@media(max-width:390px){
  .bracket-column{flex-basis:250px;min-width:250px}
  .bracket-player{grid-template-columns:31px 20px minmax(0,1fr) auto 22px;padding:7px}
}


/* BRACKET SCROLL FIX + SET DETAILS */
.full-bracket-shell{
  width:100%;
  overflow-x:auto !important;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  overscroll-behavior-x:contain;
  position:relative;
}
.full-bracket{
  display:flex !important;
  width:max-content !important;
  min-width:max-content !important;
  overflow:visible !important;
  gap:18px;
  padding:14px 16px 20px;
  scroll-snap-type:none !important;
}
.bracket-column{
  flex:0 0 270px !important;
  width:270px;
  min-width:270px !important;
}
.bracket-scroll-hint{
  position:sticky;
  left:0;
  z-index:3;
}
.bracket-set-details{
  display:flex;
  flex-wrap:wrap;
  gap:4px 7px;
  padding:6px 8px 7px;
  border-top:1px solid #edf0f4;
  background:#fbfcfe;
}
.bracket-set-details span{
  padding:2px 5px;
  border-radius:6px;
  background:#f2f4f7;
  color:#475467;
  font-size:7px;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:390px){
  .bracket-column{
    flex-basis:248px !important;
    width:248px;
    min-width:248px !important;
  }
}


/* CAREER & PALMARES V1.9 */
.career-records-panel{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:8px;background:white;
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)
}
.career-record{
  min-width:0;padding:12px 8px;border-right:1px solid var(--line-soft);text-align:center
}
.career-record:last-child{border-right:0}
.career-record span{display:block;color:var(--muted);font-size:8px;line-height:1.25}
.career-record strong{display:block;margin-top:4px;font-size:14px}
.ranking-chart-wrap{
  position:relative;height:150px;padding:10px 4px 18px;background:#fbfcfe;border-radius:12px;overflow:hidden
}
.ranking-chart{width:100%;height:100%}
.ranking-chart polyline{stroke:var(--ping-orange);stroke-width:2.2}
.ranking-chart-label{
  position:absolute;right:7px;padding:2px 5px;border-radius:6px;background:white;
  color:var(--muted);font-size:7px;font-weight:800
}
.ranking-chart-label.top{top:6px}.ranking-chart-label.bottom{bottom:5px}
.career-titles-list{display:grid}
.career-title-row{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  min-height:56px;padding:9px 0;border-bottom:1px solid var(--line-soft)
}
.career-title-row:last-child{border-bottom:0}
.career-title-row>div{min-width:0;display:grid;gap:3px}
.career-title-row>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.career-title-row>div span{color:var(--muted);font-size:8px}
.career-title-tier{
  flex:0 0 auto;padding:3px 6px;border-radius:999px;background:var(--ping-orange-soft);
  color:#a04f00;font-size:7px;font-weight:900
}
@media(max-width:420px){
  .career-records-panel{grid-template-columns:repeat(2,1fr)}
  .career-record:nth-child(2){border-right:0}
  .career-record:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
}


/* V2.3 CIRCUIT HIERARCHY */
.circuit-access-note{
  color:var(--muted);font-size:8px;font-weight:700
}
.tournament-detail-head .section-kicker{
  color:var(--ping-orange);font-weight:900;letter-spacing:.04em
}

.tournament-entry-status{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900}
.tournament-entry-status.direct{background:#ecfdf3;color:#067647}
.tournament-entry-status.qualifying{background:#fff4e8;color:#a04f00}
.tournament-entry-status.ineligible{background:#f2f4f7;color:#667085}


/* V2.4.1 — BRACKET SAFE AREA */
.full-bracket-shell{
  overflow-x:auto !important;
  overflow-y:visible !important;
  padding-bottom:max(14px, env(safe-area-inset-bottom)) !important;
}
.full-bracket{
  padding-bottom:28px !important;
  align-items:flex-start !important;
}
.bracket-column,
.bracket-column-matches{
  overflow:visible !important;
}
.bracket-game:last-child{
  margin-bottom:4px;
}

/* Seed numbers use compact tournament notation: (1), (2)... */
.bracket-seed{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  color:var(--ping-orange) !important;
  font-size:8px !important;
  font-weight:950 !important;
}


/* V2.5 — HISTOIRE DU CIRCUIT */
.history-section{padding-top:10px!important}
.history-summary-line{
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 0 12px;border-bottom:1px solid var(--line-soft)
}
.history-summary-line span{color:var(--muted);font-size:9px}
.history-summary-line strong{font-size:15px;color:var(--ping-orange)}
.major-history-group{padding:8px 0 14px;border-bottom:1px solid var(--line-soft)}
.major-history-group:last-child{border-bottom:0;padding-bottom:0}
.major-history-title{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:4px 0 7px
}
.major-history-title strong{font-size:12px}
.major-history-title span{color:var(--muted);font-size:8px}
.number-one-reign .honors-winner span{white-space:nowrap}


/* V2.5.2 — PORTABLE CAREER BACKUPS */
.account-backup-block{
  padding:14px 0;
  border-bottom:1px solid var(--line-soft);
}
.account-backup-help{
  margin:3px 0 11px;
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}
.account-backup-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.account-backup-actions .btn{
  flex:1 1 150px;
}

/* V2.5.4 SAVE FLOW */
#btn-continue{display:block}


/* V2.5.5 — DUAL PERSISTENT STORAGE */
.save-summary{
  transition:opacity .15s ease;
}

/* V2.6 — GENERATIONS & RETRAITES */
.honors-tabs{grid-template-columns:repeat(5,1fr)}
.retired-history-list{display:grid}
.retired-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:58px;padding:9px 0;border-bottom:1px solid var(--line-soft)}
.retired-history-row:last-child{border-bottom:0}
.retired-history-row>div{min-width:0;display:grid;gap:3px}
.retired-history-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.retired-history-row span{color:var(--muted);font-size:8px}
.retired-rank{min-width:38px;text-align:right;color:var(--ping-orange);font-size:10px;font-weight:900}

/* V2.6.1 — long-term AI balance; no visual changes */

/* V2.7 — match engine rebalance; no visual changes */

/* V2.7.1 — endurance reworked as long-rally stat degradation */

/* V2.7.2 — level curve, lighter styles, stronger clutch mental */

/* V2.7.3 — targeted medium-gap match balance */


/* V2.8 — PROFESSIONAL CIRCUIT */
.tournament-card[data-dynamic="true"] .tournament-category::after{
  content:" • secondaire";
  color:var(--muted);
  font-weight:700;
}

/* V2.9 — rolling 52-week rankings; no visual changes */


/* V2.9.1 — LARGE DIRECT-ELIMINATION DRAWS */
.tournament-card .draw-size-note{
  color:var(--muted);
  font-size:8px;
}

/* V2.9.2 — Tuesday starts, multi-round Thu/Sat, corrected seeded bracket */

/* V2.9.3 — four canonical World Majors */

/* V2.9.4 — ranking-based tournament access hierarchy */

/* V2.10 — unified careerDNA aging and visible decline from age 33 */

/* V2.10.1 — stronger youth development and broader non-prodigy pathways */

/* V2.10.2 — balanced first-round byes across the full bracket */

/* V2.10.3 — broader elite pathways for standards/prospects */

/* V2.10.4 — single rally length per point for match result and energy cost */

/* V2.10.5 — tighter +3/+5 curve and stronger clutch mental */

/* V2.10.6 — final level-gap curve tuning only */

/* V2.10.7 — progressive level-gap calibration */

/* V2.11 — stats-first match engine */

/* V2.11.1 — softer energy/endurance penalties and gentler stat-to-point conversion */

/* V2.11.2 — reduced service/return dominance and softer long-rally endurance */

/* V2.12 — action-versus-response confrontation match engine */

/* V2.12.1 — wider neutral duel zones and stronger direct-response stats */

/* V2.12.2 — softer topspin-vs-block response and stronger clutch mental */

/* V2.13 — dedicated topspin/block outcomes and clutch mental success probabilities */

/* V2.13.1 — softer clutch mental and less dominant active blocking */

/* V2.13.2 — initiative preserved after controlled topspin blocks */

/* V2.13.3 — attacking follow-up after controlled/passive topspin blocks */

/* V2.14.0 — dedicated attack/defense rally interaction */

/* V2.14.1 — rebuild initiative after controlled topspin returns */

/* V2.14.2 — action availability driven by incoming ball quality */

/* V2.14.4 — controlled/neutral topspin responses rebuild the rally */

/* V2.14.6 — mixed style: initiative on neutral/favorable balls, versatility under pressure */

/* V2.14.7 — progressive endurance penalty only in genuinely long rallies */

/* V2.14.8 — softened long-rally endurance amplitude; same progressive structure */

/* V2.14.9 — progressively reduced random variance for large overall-level gaps */

/* V2.15.0 — stronger progressive translation of large overall-level gaps */

/* V2.15.1 — stronger hierarchy only for medium/large overall-level gaps */

/* V2.15.2 — steeper hierarchy only beyond +20/+30; lower-gap calibration preserved */

/* V2.15.3 — reprofiled level hierarchy: softer 10–30, steeper 30–40 */

/* V2.15.4 — extra hierarchy acceleration strictly above +30; <=30 unchanged */

/* V2.15.5 — tiny final-conversion bonus only for overall gaps above +30 */

/* V2.15.6 — diminishing returns when several mental stats are simultaneously high */

/* V2.15.7 — AI youth trajectories: standard, prospect, elite, rare prodigy */

/* V2.15.8 — stronger elite/prodigy youth development + earlier taper for established elite AI */

/* V2.15.9 — extra breakthrough push only for 17–20-year-old prodigies already near elite level */


/* V2.17.0 — Netlify / Safari persistent save */
#btn-continue:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.save-status-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#eaf7ef;
  color:#247446;
  font-size:12px;
  font-weight:800;
}

.save-actions-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:14px;
}

.save-help{
  margin:12px 0 0;
  color:#677184;
  font-size:13px;
  line-height:1.45;
}

@media (min-width:640px){
  .save-actions-grid{
    grid-template-columns:1fr 1fr;
  }
}


/* V2.17.1 — diagnostic mobile Netlify/Safari */
#mobile-diagnostic{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:14px;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(5px);
}

#mobile-diagnostic.open{
  display:flex;
}

.mobile-diagnostic-card{
  width:min(100%,680px);
  max-height:88vh;
  overflow:auto;
  padding:18px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
}

.mobile-diagnostic-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.mobile-diagnostic-head small{
  font-weight:800;
  letter-spacing:.08em;
  color:#c43b31;
}

.mobile-diagnostic-head h3{
  margin:3px 0 0;
}

.mobile-diagnostic-head > button{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f1f4f8;
  font-size:25px;
}

#mobile-diagnostic textarea{
  width:100%;
  min-height:230px;
  resize:vertical;
  padding:12px;
  border:1px solid #d9dee8;
  border-radius:14px;
  background:#f8fafc;
  color:#182235;
  font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;
}

.mobile-diagnostic-actions{
  display:grid;
  gap:9px;
  margin-top:12px;
}

/* V2.17.2 — suppression de l'appel obsolète updateRanking() au chargement */

/* V2.18.0 — architecture JavaScript modulaire pour GitHub + Netlify */