.horse-detail-mask{
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  overscroll-behavior:contain;
}

#horseDetailModal.horse-detail-sheet-modal,
#actorDetailModal.actor-detail-sheet-modal{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:1001;
  width:min(96vw,720px);
  max-width:min(96vw,720px);
  height:min(calc(100vh - 12px),920px);
  max-height:calc(100vh - 12px);
  overflow:visible;
  overscroll-behavior:contain;
  box-sizing:border-box;
}

#horseDetailModal.horse-detail-sheet-modal .horse-detail-inner,
#actorDetailModal.actor-detail-sheet-modal .horse-detail-inner{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-height:0;
  max-height:calc(100vh - 12px);
  overflow:hidden;
  background:#ececec;
  border:1px solid #cfcfcf;
  border-radius:8px;
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}

@supports (height: 100dvh){
  #horseDetailModal.horse-detail-sheet-modal,
  #actorDetailModal.actor-detail-sheet-modal{
    height:min(calc(100dvh - 12px),920px);
    max-height:calc(100dvh - 12px);
  }

  #horseDetailModal.horse-detail-sheet-modal .horse-detail-inner,
  #actorDetailModal.actor-detail-sheet-modal .horse-detail-inner{
    max-height:calc(100dvh - 12px);
  }
}

#horseDetailModal.horse-detail-sheet-modal .horse-detail-head,
#actorDetailModal.actor-detail-sheet-modal .horse-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 11px 7px;
  border-bottom:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,#0f3b8f 0%,#163a7a 56%,#1e4fb5 100%);
  position:sticky;
  top:0;
  z-index:2;
}

#horseDetailModal.horse-detail-sheet-modal .horse-detail-head h3,
#actorDetailModal.actor-detail-sheet-modal .horse-detail-head h3{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
  margin:0;
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:0;
}

.horse-detail-title-main{
  display:block;
  font-size:14px;
  line-height:1.15;
  font-weight:700;
}

.horse-detail-title-sub{
  display:block;
  font-size:10px;
  line-height:1.15;
  font-weight:600;
  color:rgba(255,255,255,.9);
}

#horseDetailModal.horse-detail-sheet-modal .horse-detail-close,
#actorDetailModal.actor-detail-sheet-modal .horse-detail-close{
  border:none;
  width:26px;
  height:26px;
  color:#fff;
  background:rgba(255,255,255,.12);
  border-radius:5px;
  font-size:18px;
}

#horseDetailModal.horse-detail-sheet-modal .horse-detail-close:hover,
#actorDetailModal.actor-detail-sheet-modal .horse-detail-close:hover{
  color:#fff;
  background:rgba(255,255,255,.24);
}

#horseDetailModal.horse-detail-sheet-modal .horse-detail-body,
#actorDetailModal.actor-detail-sheet-modal .horse-detail-body{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  max-height:none;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  padding:8px 8px calc(120px + env(safe-area-inset-bottom, 0px));
  scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px));
  font-size:12px;
  line-height:1.45;
  background:#ececec;
}

#horseDetailModal.horse-detail-sheet-modal .horse-detail-body::after,
#actorDetailModal.actor-detail-sheet-modal .horse-detail-body::after{
  content:"";
  display:block;
  height:calc(120px + env(safe-area-inset-bottom, 0px));
  flex:0 0 auto;
}

html.detail-modal-open,
body.detail-modal-open{
  overflow:hidden;
  overscroll-behavior:none;
}

body.detail-modal-open{
  position:fixed;
  left:0;
  right:0;
  width:100%;
}

.detail-debug-console{
  position:fixed;
  right:8px;
  bottom:72px;
  z-index:2600;
  width:min(92vw,360px);
  max-height:36vh;
  overflow:hidden;
  padding:8px 10px 10px;
  border-radius:8px;
  background:rgba(6,10,18,.86);
  color:#d9f4dd;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  pointer-events:auto;
  -webkit-overflow-scrolling:touch;
}

.detail-debug-console-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
}

.detail-debug-console-title{
  color:#eef8f0;
  font:600 11px/1.2 monospace;
  opacity:.92;
}

.detail-debug-copy{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:6px;
  padding:3px 8px;
  font:600 11px/1.2 sans-serif;
  cursor:pointer;
}

.detail-debug-console-text{
  margin:0;
  max-height:calc(36vh - 34px);
  overflow:auto;
  color:#d9f4dd;
  font:11px/1.35 monospace;
  white-space:pre-wrap;
  word-break:break-word;
  -webkit-overflow-scrolling:touch;
}

#horseDetailBody .detail-section,
#actorDetailBody .detail-section{
  margin-top:8px;
  border:1px solid #d6d6d6;
  border-radius:8px;
  background:#fff;
  box-shadow:none;
}

#horseDetailBody .detail-section-title,
#actorDetailBody .detail-section-title{
  padding:8px 10px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  background:#6f6f6f;
  border-bottom:1px solid #d6d6d6;
}

#horseDetailBody .detail-section-current,
#actorDetailBody .detail-section-actor-current{
  border-color:#cfd8c7;
}

#horseDetailBody .detail-section-current .detail-section-title,
#actorDetailBody .detail-section-actor-current .detail-section-title{
  background:#1e7f22;
  border-bottom-color:#1e7f22;
}

#horseDetailBody .detail-section-summary .detail-section-title,
#horseDetailBody .detail-section-detail .detail-section-title,
#horseDetailBody .detail-section-history .detail-section-title,
#actorDetailBody .detail-section-detail .detail-section-title,
#actorDetailBody .detail-section-history .detail-section-title{
  background:#767676;
  color:#fff;
}

#horseDetailBody .detail-section .detail-race-name,
#horseDetailBody .detail-section .detail-race-meta,
#horseDetailBody .detail-section .detail-row,
#horseDetailBody .detail-section .detail-line,
#actorDetailBody .detail-section .detail-race-name,
#actorDetailBody .detail-section .detail-race-meta,
#actorDetailBody .detail-section .detail-row,
#actorDetailBody .detail-section .detail-line{
  padding-left:10px;
  padding-right:10px;
}

#horseDetailBody .detail-race-meta,
#actorDetailBody .detail-race-meta{
  margin-bottom:4px;
  color:#666;
  font-size:12px;
}

#horseDetailBody .detail-summary-grid{
  gap:6px;
  padding:4px 10px 10px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

#horseDetailBody .detail-stat-card{
  padding:8px;
  border:1px solid #d9d9d9;
  border-radius:6px;
  background:#fafafa;
  text-align:center;
}

#horseDetailBody .detail-stat-card-hot{
  background:#fff7e8;
  border-color:#efd49c;
}

#horseDetailBody .detail-stat-card-cool{
  background:#f3f8ff;
  border-color:#d4e2f5;
}

#horseDetailBody .detail-horse-info-top{
  padding:2px 10px 6px;
  background:#f8f8f8;
}

.detail-horse-info-banner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
  align-items:flex-start;
  padding:6px 10px;
  background:#707070;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
}

.detail-horse-info-banner-silk{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  min-width:34px;
}

.detail-horse-info-banner-silk .horse-detail-silk{
  width:30px;
  height:38px;
  margin-right:0;
  object-fit:contain;
  filter:none;
}

.detail-horse-info-banner-copy{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px 14px;
}

.detail-horse-info-banner-label{
  display:inline;
  color:rgba(255,255,255,.78);
  font-size:9px;
  line-height:1.08;
  font-weight:700;
}

.detail-horse-info-banner-value{
  display:inline;
  color:#fff;
  font-size:11px;
  line-height:1.16;
  font-weight:600;
  word-break:break-word;
}

.detail-horse-info-banner-item{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:4px;
  flex-wrap:wrap;
  justify-content:space-between;
}

.detail-horse-info-banner-item-full{
  grid-column:1 / -1;
}

#horseDetailBody .detail-horse-hero{
  margin:6px 10px 10px;
  padding:10px;
  gap:8px;
  border:1px solid #d6e2d1;
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff 0%,#f5fbf5 100%);
  box-shadow:none;
}

#horseDetailBody .detail-horse-hero-silk{
  width:56px;
  height:56px;
  border-radius:10px;
  border:1px solid #d9d9d9;
  background:#fff;
}

#horseDetailBody .detail-horse-hero-silk .horse-detail-silk{
  width:46px;
  height:46px;
}

#horseDetailBody .detail-horse-no{
  min-width:38px;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#1e7f22;
  font-size:11px;
}

#horseDetailBody .detail-horse-name{
  font-size:18px;
  font-weight:700;
}

#horseDetailBody .detail-horse-tagline,
#actorDetailBody .detail-actor-role{
  color:#6b6b6b;
}

#horseDetailBody .detail-odds-chip{
  padding:5px 9px;
  border:1px solid #d6d6d6;
  border-radius:999px;
  background:#fff;
  box-shadow:none;
  color:#1f1f1f;
  font-size:12px;
}

#horseDetailBody .detail-insight-grid{
  gap:6px;
  padding:4px 10px 10px;
}

#horseDetailBody .detail-insight-card{
  padding:8px 9px;
  border:1px solid #d9d9d9;
  border-radius:6px;
  box-shadow:none;
  background:#fff;
}

#horseDetailBody .detail-insight-card-comment{
  background:#f6fbff;
}

#horseDetailBody .detail-insight-card-report{
  background:#fffbea;
}

#horseDetailBody .detail-info-grid,
#actorDetailBody .detail-info-grid{
  gap:10px;
  padding:2px 0 0;
}

#horseDetailBody .detail-info-card,
#actorDetailBody .detail-info-card{
  padding:11px 12px 12px;
  border:1px solid #e2eaf6;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}

#horseDetailBody .detail-info-label,
#actorDetailBody .detail-info-label{
  color:#7b8798;
  font-size:11px;
  font-weight:800;
}

#horseDetailBody .detail-info-value,
#actorDetailBody .detail-info-value{
  margin-top:4px;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
  color:#163a7a;
}

#horseDetailBody .detail-info-value-badge,
#actorDetailBody .detail-info-value-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin-top:6px;
}

#horseDetailBody .detail-info-place-badge-wrap,
#actorDetailBody .detail-info-place-badge-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

#horseDetailBody .detail-link,
#actorDetailBody .detail-link{
  color:#0c63c7;
  text-decoration:none;
}

#horseDetailBody .detail-section-history,
#actorDetailBody .detail-section-history{
  margin-left:12px;
  background:#fff;
}

#horseDetailBody .detail-section-history::before,
#actorDetailBody .detail-section-history::before{
  left:-10px;
  width:2px;
  background:#d5d5d5;
}

#horseDetailBody .detail-section-history::after,
#actorDetailBody .detail-section-history::after{
  left:-16px;
  width:10px;
  height:10px;
  background:#1e7f22;
  box-shadow:0 0 0 3px #ececec;
}

#actorDetailBody .detail-actor-hero{
  padding:10px 10px 4px;
}

#actorDetailBody .detail-actor-avatar{
  width:44px;
  height:44px;
  border-radius:10px;
  background:linear-gradient(180deg,#249228 0%,#1d7f21 100%);
  box-shadow:none;
  font-size:18px;
}

#actorDetailBody .detail-actor-name{
  font-size:18px;
}

#actorDetailBody .detail-actor-horse-list{
  gap:6px;
  padding:8px 10px 10px;
}

#actorDetailBody .detail-actor-horse-chip{
  min-height:28px;
  padding:4px 9px;
  border:1px solid #d7d7d7;
  background:#f8f8f8;
  box-shadow:none;
  font-size:12px;
}

@media (max-width: 768px){
  #horseDetailModal.horse-detail-sheet-modal,
  #actorDetailModal.actor-detail-sheet-modal{
    top:6px;
    bottom:6px;
    left:50%;
    transform:translateX(-50%);
    width:calc(100vw - 8px);
    max-width:calc(100vw - 8px);
    height:calc(100vh - 12px);
    max-height:none;
  }

  #horseDetailModal.horse-detail-sheet-modal .horse-detail-inner,
  #actorDetailModal.actor-detail-sheet-modal .horse-detail-inner{
    height:100%;
    max-height:none;
    border-radius:6px;
  }

  #horseDetailModal.horse-detail-sheet-modal .horse-detail-head h3,
  #actorDetailModal.actor-detail-sheet-modal .horse-detail-head h3{
    font-size:13px;
  }

  #horseDetailModal.horse-detail-sheet-modal .horse-detail-body,
  #actorDetailModal.actor-detail-sheet-modal .horse-detail-body{
    padding:8px;
    font-size:12px;
  }

  #horseDetailBody .detail-horse-hero{
    grid-template-columns:1fr;
  }

  #horseDetailBody .detail-horse-name,
  #actorDetailBody .detail-actor-name{
    font-size:16px;
  }

  #horseDetailBody .detail-info-grid,
  #actorDetailBody .detail-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #horseDetailBody .detail-insight-grid{
    grid-template-columns:1fr;
  }

  #horseDetailBody .detail-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .detail-app-official-link-grid{
    grid-template-columns:1fr;
  }

  .detail-app-row-actions{
    width:100%;
    justify-content:flex-start;
    margin-left:0;
  }
}

.detail-season-strip{
  padding:8px 10px;
  background:#6f6f6f;
  color:#fff;
}

.detail-season-strip-current{
  background:linear-gradient(180deg,#239526 0%,#1d7f21 100%);
}

.detail-season-strip-muted{
  background:#6d6d6d;
}

.detail-season-title{
  font-size:14px;
  line-height:1.25;
  font-weight:700;
}

.detail-season-detail{
  margin-top:2px;
  font-size:11px;
  line-height:1.35;
  color:rgba(255,255,255,.82);
}

.detail-app-entry{
  overflow:hidden;
}

.detail-app-entry + .detail-app-entry{
  border-top:1px solid #ececec;
}

.detail-app-entry-meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  padding:3px 10px 4px;
  background:#f1f1f1;
  border-bottom:1px solid #e2e2e2;
}

.detail-app-entry-meta-left{
  min-width:0;
  flex:1;
}

.detail-app-entry-meta-right{
  flex:0 0 auto;
  text-align:right;
  min-width:42px;
}

.detail-app-entry-meta-title{
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  color:#1f1f1f;
}

.detail-app-entry-meta-sub,
.detail-app-entry-meta-time{
  margin-top:1px;
  font-size:10px;
  line-height:1.3;
  color:#777;
}

.detail-app-entry-meta-finish{
  font-size:10px;
  line-height:1.2;
  color:#0c63c7;
  font-weight:700;
}

.detail-app-entry-body{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  padding:7px 10px;
}

.detail-app-leading{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
}

.detail-app-leading-silk{
  width:30px;
}

.detail-app-leading-silk .horse-detail-silk{
  width:26px;
  height:34px;
  margin-right:0;
  object-fit:contain;
  filter:none;
}

.detail-app-entry-copy{
  min-width:0;
  padding-top:1px;
}

.detail-app-entry-meta-title{
  font-size:11px;
  line-height:1.16;
  font-weight:700;
  color:#1c1c1c;
}

.detail-app-entry-meta-sub,
.detail-app-entry-meta-time{
  margin-top:1px;
  font-size:10px;
  line-height:1.12;
  color:#777;
}

.detail-app-entry-meta-finish{
  font-size:10px;
  line-height:1.1;
}

.detail-app-title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:2px;
  min-width:0;
  color:#111;
  margin-bottom:2px;
}

.detail-app-title-num{
  font-size:11px;
  line-height:1.08;
  font-weight:700;
}

.detail-app-title-name{
  min-width:0;
  font-size:12px;
  line-height:1.08;
  font-weight:700;
  color:#111;
}

.detail-app-title-name .detail-link,
.detail-app-title-name .detail-horse-link{
  color:#111;
}

.detail-app-flag{
  margin-left:2px;
  font-size:11px;
  line-height:1.1;
  font-weight:700;
}

.detail-app-flag-scr{
  color:#d12626;
}

.detail-app-flag-dh{
  color:#0c63c7;
}

.detail-app-fields-line{
  display:flex;
  flex-wrap:wrap;
  gap:1px 8px;
  margin-top:2px;
  font-size:11px;
  line-height:1.3;
}

.detail-app-fields-line-fixed{
  gap:1px 8px;
  margin-top:1px;
}

#horseDetailBody .detail-app-entry-current .detail-app-fields-line-fixed{
  gap:2px 12px;
}

.detail-app-field{
  display:inline-flex;
  align-items:flex-start;
  max-width:100%;
  color:#666;
}

.detail-app-field-label{
  color:#4f4f4f;
  font-weight:700;
  margin-right:1px;
}

.detail-app-field-value{
  color:#666;
  word-break:break-word;
}

.detail-app-field-value .detail-link{
  color:#0c63c7;
}

.detail-app-odds-panel{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:54px;
  padding-top:2px;
  align-items:flex-end;
}

.detail-app-odd-cell{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  min-height:16px;
}

.detail-app-odd-label{
  min-width:12px;
  font-size:9px;
  line-height:1;
  color:#7a7a7a;
  font-weight:700;
  text-align:center;
}

.detail-app-odd-value{
  font-size:14px;
  line-height:1;
  color:#111;
  font-weight:700;
}

.detail-place-badge-gold,
.detail-place-badge-silver,
.detail-place-badge-copper{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 1px 2px rgba(0,0,0,.08);
}

.detail-app-odd-arrow{
  display:inline-block;
  min-width:10px;
  font-size:12px;
  line-height:1;
  font-weight:700;
  text-align:center;
}

.detail-app-odd-arrow-up{
  color:#1e9b3a;
}

.detail-app-odd-arrow-down{
  color:#d13a34;
}

.detail-app-odd-cell-place .detail-app-odd-value{
  color:#1d7f21;
}

.detail-app-odd-cell-place-badge{
  align-items:center;
}

.detail-app-odd-cell-place-badge .detail-app-odd-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:inherit;
}

.detail-app-odd-cell-place-badge .detail-place-badge{
  width:24px;
  height:24px;
  min-width:24px;
}

.detail-app-odd-cell-place-badge .detail-place-badge-num{
  font-size:11px;
}

.detail-app-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:min-content;
}

.detail-app-role-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:4px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 6px 18px rgba(18,44,104,.08);
}

.detail-app-role-tab{
  min-height:42px;
  border:none;
  border-radius:999px;
  background:transparent;
  color:#7b8798;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.detail-app-role-tab.is-active{
  background:linear-gradient(135deg,#ffd84a 0%,#ffc400 100%);
  color:#142a63;
  box-shadow:0 6px 14px rgba(255,196,0,.28);
}

.detail-app-role-tab:disabled{
  opacity:.45;
  cursor:default;
}

.detail-app-role-tab:not(:disabled):hover{
  color:#163a7a;
  background:#f5f9ff;
}

.detail-app-role-tab:focus-visible{
  outline:2px solid rgba(37,99,235,.38);
  outline-offset:2px;
}

.detail-app-hero-card{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:16px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 26px rgba(18,44,104,.08);
}

.detail-app-hero-media{
  display:flex;
  align-items:center;
  justify-content:center;
}

.detail-app-hero-silk-wrap,
.detail-app-actor-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:88px;
  height:88px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%);
  box-shadow:0 10px 24px rgba(18,44,104,.10);
}

.detail-app-hero-silk{
  width:52px;
  height:62px;
  object-fit:contain;
}

.detail-app-hero-silk-placeholder{
  font-size:28px;
  font-weight:900;
  color:#163a7a;
}

.detail-app-actor-avatar{
  background:linear-gradient(135deg,#1e4ca3 0%,#143a7a 100%);
  color:#fff;
  font-size:30px;
  font-weight:900;
}

.detail-app-hero-copy{
  min-width:0;
}

.detail-app-hero-title-row{
  display:flex;
  align-items:center;
  gap:10px;
}

.detail-app-hero-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border-radius:999px;
  background:#163a7a;
  color:#fff;
  font-size:14px;
  font-weight:800;
}

.detail-app-hero-title{
  min-width:0;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#163a7a;
  word-break:break-word;
}

.detail-app-hero-sub{
  margin-top:6px;
  font-size:14px;
  line-height:1.5;
  color:#6b7b93;
}

.detail-app-hero-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.detail-app-hero-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid #dce7fb;
}

.detail-app-hero-chip-label{
  font-size:12px;
  font-weight:800;
  color:#6b7b93;
}

.detail-app-hero-chip-value{
  font-size:14px;
  font-weight:800;
  color:#163a7a;
}

.detail-app-hero-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.detail-app-hero-fact{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbe4f3;
}

.detail-app-hero-fact-label{
  font-size:12px;
  font-weight:800;
  color:#7b8798;
}

.detail-app-hero-fact-value{
  font-size:13px;
  font-weight:800;
  color:#163a7a;
}

.detail-app-section-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.detail-app-section-tab{
  min-height:44px;
  border:none;
  border-radius:16px;
  background:#fff;
  color:#7b8798;
  font-size:15px;
  font-weight:800;
  box-shadow:0 6px 18px rgba(18,44,104,.06);
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.detail-app-section-tab.is-active{
  background:linear-gradient(135deg,#ffd84a 0%,#ffc400 100%);
  color:#142a63;
  box-shadow:0 8px 18px rgba(255,196,0,.24);
}

.detail-app-section-tab:hover{
  color:#163a7a;
  box-shadow:0 8px 20px rgba(18,44,104,.08);
}

.detail-app-section-tab:focus-visible{
  outline:2px solid rgba(37,99,235,.38);
  outline-offset:2px;
}

.detail-app-section-panels{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-bottom:12px;
}

.detail-app-page-card{
  padding:16px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 26px rgba(18,44,104,.08);
  border:1px solid rgba(224,233,247,.92);
}

.detail-app-page-card-sub{
  padding:14px;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(18,44,104,.06);
}

.detail-app-card-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.detail-app-data-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.detail-app-data-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px 14px;
  border:1px solid #e5eaf3;
  border-radius:16px;
  background:#f9fbff;
}

.detail-app-data-main{
  flex:1 1 auto;
  min-width:0;
}

.detail-app-data-title-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
}

.detail-app-data-title-row-history{
  align-items:center;
}

.detail-app-data-title{
  font-size:14px;
  line-height:1.25;
  font-weight:800;
  color:#162a63;
}

.detail-app-data-date{
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  color:#162a63;
}

.detail-app-data-tag,
.detail-app-data-pass{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:#e8f1ff;
  color:#2a5fcf;
  font-size:12px;
  font-weight:700;
}

.detail-app-data-pass{
  background:#eef8ea;
  color:#2d7c31;
}

.detail-app-data-sub{
  margin-bottom:4px;
  color:#58657a;
  font-size:12px;
  line-height:1.35;
}

.detail-app-data-copy{
  color:#26354d;
  font-size:13px;
  line-height:1.5;
  word-break:break-word;
}

.detail-app-data-side{
  flex:0 0 auto;
  color:#5d6880;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}

.detail-app-data-row-history{
  background:#fff;
}

.detail-app-data-row-history-sheet{
  padding:14px;
  border-radius:18px;
  box-shadow:0 8px 18px rgba(18,44,104,.05);
}

.detail-app-data-row-trackwork{
  background:#f8fbff;
}

.detail-app-data-row-injury{
  background:#fff9f7;
  border-color:#f0d7cf;
}

.detail-app-data-row-stat{
  background:#fff;
}

.detail-app-data-row-timeline{
  position:relative;
  padding-left:18px;
}

.detail-app-timeline-dot{
  position:absolute;
  left:-2px;
  top:18px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#2a5fcf 0%,#4f86ff 100%);
  box-shadow:0 0 0 4px rgba(79,134,255,.12);
}

.detail-app-timeline-dot-alert{
  background:linear-gradient(135deg,#d05a2f 0%,#f08a57 100%);
  box-shadow:0 0 0 4px rgba(240,138,87,.14);
}

.detail-app-data-list-trackwork,
.detail-app-data-list-injury{
  position:relative;
}

.detail-app-data-list-trackwork::before,
.detail-app-data-list-injury::before{
  content:"";
  position:absolute;
  left:2px;
  top:8px;
  bottom:8px;
  width:2px;
  background:linear-gradient(180deg,#d7e5ff 0%,#cbd9f2 100%);
}

.detail-app-data-list-injury::before{
  background:linear-gradient(180deg,#f0d7cf 0%,#ecd0c4 100%);
}

.detail-app-data-place-wrap{
  flex:0 0 auto;
}

.detail-app-row-actions{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}

.detail-app-official-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.detail-app-official-link-btn{
  min-height:42px;
  padding:0 14px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,#edf5ff 0%,#dce9ff 100%);
  color:#163a7a;
  font-size:14px;
  font-weight:800;
  box-shadow:0 6px 16px rgba(29,78,216,.10);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.detail-app-official-link-btn:hover{
  background:linear-gradient(135deg,#e2efff 0%,#d3e4ff 100%);
  box-shadow:0 8px 20px rgba(29,78,216,.14);
}

.detail-app-official-link-btn:focus-visible{
  outline:2px solid rgba(37,99,235,.35);
  outline-offset:2px;
}

.detail-app-official-link-btn-inline{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:13px;
}

.detail-app-data-sub-strong{
  color:#334155;
  font-weight:700;
}

.detail-app-history-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.detail-app-history-cell{
  min-width:0;
  padding:8px 9px;
  border-radius:12px;
  background:#f8fbff;
  border:1px solid #e2ebfa;
}

.detail-app-history-cell-wide{
  grid-column:span 2;
}

.detail-app-history-label{
  display:block;
  font-size:11px;
  font-weight:800;
  color:#7b8798;
}

.detail-app-history-value{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.35;
  font-weight:800;
  color:#163a7a;
  word-break:break-word;
}

.detail-app-replay-btn{
  appearance:none;
  border:1px solid #d4e2ff;
  background:linear-gradient(180deg,#f5f9ff 0%,#eaf2ff 100%);
  color:#1947a3;
  border-radius:999px;
  min-height:28px;
  padding:0 12px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}

.detail-app-replay-btn:hover{
  background:linear-gradient(180deg,#edf4ff 0%,#dfeaff 100%);
}

.detail-app-replay-btn:focus-visible{
  outline:2px solid rgba(37,99,235,.38);
  outline-offset:2px;
}

.detail-app-stat-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

.detail-app-stat-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid #dbe7fb;
}

.detail-app-stat-pill-total{
  background:#fff8dd;
  border-color:#f3dfa0;
}

.detail-app-stat-pill-label{
  font-size:12px;
  font-weight:800;
  color:#6b7b93;
}

.detail-app-stat-pill-value{
  font-size:13px;
  font-weight:900;
  color:#163a7a;
}

.detail-app-page-title{
  font-size:20px;
  font-weight:900;
  color:#163a7a;
  margin-bottom:12px;
}

.detail-app-page-title-sub{
  font-size:16px;
  margin-bottom:10px;
}

.detail-app-horse-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.detail-app-horse-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border:none;
  border-radius:999px;
  background:linear-gradient(180deg,#f7faff 0%,#edf4ff 100%);
  box-shadow:inset 0 0 0 1px #dbe7fb;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}

.detail-app-horse-chip:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#f2f7ff 0%,#e6f0ff 100%);
  box-shadow:inset 0 0 0 1px #cfdffb, 0 8px 18px rgba(18,44,104,.08);
}

.detail-app-horse-chip:focus-visible{
  outline:2px solid rgba(37,99,235,.38);
  outline-offset:2px;
}

.detail-app-horse-chip-no{
  color:#7b8798;
  font-size:12px;
  font-weight:800;
}

.detail-app-horse-chip-name{
  color:#163a7a;
  font-size:13px;
  font-weight:800;
}

.detail-app-metric-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.detail-app-metric-grid-tight{
  margin-top:12px;
}

.detail-app-metric-card{
  min-width:0;
  padding:14px 14px 15px;
  border-radius:18px;
  background:#f8fbff;
  border:1px solid #e1ebfb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.detail-app-metric-card-blue{background:#eef6ff}
.detail-app-metric-card-gold{background:#fff8dd}
.detail-app-metric-card-purple{background:#f5efff}
.detail-app-metric-card-orange{background:#fff2e6}
.detail-app-metric-card-green{background:#eefaf0}
.detail-app-metric-card-cyan{background:#edf9ff}

.detail-app-metric-label{
  font-size:12px;
  font-weight:800;
  color:#7b8798;
}

.detail-app-metric-value{
  margin-top:8px;
  font-size:28px;
  line-height:1.1;
  font-weight:900;
  color:#163a7a;
  word-break:break-word;
}

.detail-app-info-grid-app{
  padding:0 !important;
}

.detail-app-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:120px;
  border-radius:18px;
  border:1px dashed #d6e3f6;
  background:#f8fbff;
  color:#90a0b8;
  font-size:15px;
  font-weight:800;
  text-align:center;
}

.detail-app-loading-note{
  padding:12px 16px;
  border-radius:16px;
  background:#eef4ff;
  color:#5271a7;
  font-size:14px;
  font-weight:700;
  text-align:center;
}

#horseDetailBody .detail-horse-info-top{
  border-top:1px solid #ececec;
}

#horseDetailBody .detail-insight-grid{
  border-top:1px solid #ececec;
  padding-top:8px;
}

#horseDetailBody .detail-summary-grid{
  border-top:1px solid #ececec;
  padding-top:8px;
}

#actorDetailBody .detail-actor-hero{
  border-top:1px solid #ececec;
  background:#fff;
}

#actorDetailBody .detail-section-current .detail-season-strip-current{
  background:#6d6d6d;
}

#actorDetailBody .detail-actor-role{
  font-size:10px;
  letter-spacing:.18px;
}

.detail-horse-link{
  cursor:pointer;
}

@media (max-width: 768px){
  .detail-app-role-tabs{
    padding:3px;
  }

  .detail-app-role-tab{
    min-height:40px;
    font-size:13px;
  }

  .detail-app-hero-card{
    grid-template-columns:72px minmax(0,1fr);
    gap:12px;
    padding:14px;
    border-radius:18px;
  }

  .detail-app-hero-silk-wrap,
  .detail-app-actor-avatar{
    width:72px;
    height:72px;
  }

  .detail-app-hero-silk{
    width:44px;
    height:52px;
  }

  .detail-app-actor-avatar{
    font-size:24px;
  }

  .detail-app-hero-title{
    font-size:24px;
  }

  .detail-app-hero-no{
    min-width:32px;
    height:32px;
    font-size:12px;
  }

  .detail-app-hero-sub{
    font-size:12px;
  }

  .detail-app-hero-chips{
    gap:6px;
  }

  .detail-app-hero-chip{
    min-height:28px;
    padding:0 10px;
  }

  .detail-app-hero-facts{
    gap:6px;
  }

  .detail-app-hero-fact{
    min-height:28px;
    padding:0 10px;
  }

  .detail-app-section-tabs{
    gap:8px;
  }

  .detail-app-section-tab{
    min-height:40px;
    border-radius:14px;
    font-size:14px;
  }

  .detail-app-page-card{
    padding:14px;
    border-radius:18px;
  }

  .detail-app-history-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .detail-app-history-cell-wide{
    grid-column:span 2;
  }

  .detail-app-page-title{
    font-size:18px;
    margin-bottom:10px;
  }

  .detail-app-metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .detail-app-metric-card{
    padding:12px;
    border-radius:16px;
  }

  .detail-app-metric-label{
    font-size:11px;
  }

  .detail-app-metric-value{
    margin-top:6px;
    font-size:22px;
  }

  .detail-season-strip{
    padding:7px 8px;
  }

  .detail-season-title{
    font-size:13px;
  }

  .detail-app-entry-meta{
    padding:4px 8px;
  }

  .detail-app-entry-body{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:7px;
    padding:7px 8px;
  }

  .detail-app-odds-panel{
    grid-column:auto;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-end;
    margin-top:0;
    min-width:48px;
  }

  .detail-app-title-num{
    font-size:12px;
  }

  .detail-app-title-name{
    font-size:13px;
  }

  .detail-app-fields-line{
    gap:1px 6px;
    font-size:10px;
  }

  .detail-app-odd-value{
    font-size:12px;
  }

  .detail-app-odd-arrow{
    font-size:11px;
  }

  .detail-horse-info-banner{
    grid-template-columns:28px minmax(0,1fr);
    gap:6px;
    padding:6px 8px;
  }

  .detail-horse-info-banner-silk{
    width:28px;
    min-width:28px;
  }

  .detail-horse-info-banner-silk .horse-detail-silk{
    width:24px;
    height:32px;
  }
}

/* App 1:1 收口：去卡片化，恢复原版灰条 + 平铺列表 */
#horseDetailBody .detail-section,
#actorDetailBody .detail-section{
  margin-top:10px;
  border:none;
  border-radius:0;
  background:transparent;
}

#horseDetailBody .detail-section-current,
#actorDetailBody .detail-section-current,
#horseDetailBody .detail-section-detail,
#actorDetailBody .detail-section-detail,
#horseDetailBody .detail-section-history,
#actorDetailBody .detail-section-history{
  box-shadow:none;
}

#horseDetailBody .detail-section-history,
#actorDetailBody .detail-section-history{
  margin-left:0;
}

#horseDetailBody .detail-section-history::before,
#actorDetailBody .detail-section-history::before,
#horseDetailBody .detail-section-history::after,
#actorDetailBody .detail-section-history::after{
  content:none;
}

.detail-season-strip,
.detail-season-strip-current,
.detail-season-strip-muted{
  padding:5px 8px 6px;
  background:#707070;
  color:#fff;
  border-radius:2px;
}

.detail-season-title{
  font-size:11px;
  font-weight:700;
}

.detail-season-detail{
  margin-top:1px;
  font-size:9px;
  color:rgba(255,255,255,.9);
}

#horseDetailBody .detail-horse-info-banner{
  margin-top:0;
  background:#767676;
  border-top:none;
}

.detail-app-entry-current{
  background:#ececec;
  border-color:#d4d4d4;
}

.detail-app-entry-actor-current{
  background:#fbfbfb;
  border-top:none;
  border-radius:8px;
  border:1px solid #d8d8d8;
}

.detail-app-entry-history{
  background:#fff;
  border-color:#e1e1e1;
}

.detail-app-entry{
  border:1px solid #d8d8d8;
  border-top:none;
  border-radius:8px;
}

.detail-app-entry-meta{
  background:#e2e2e2;
  padding:4px 8px;
}

.detail-app-entry-body{
  padding:6px 8px 7px;
  gap:6px;
  align-items:flex-start;
}

.detail-plain-row{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:8px;
  align-items:flex-start;
  padding:7px 8px 8px;
  background:#fff;
  border:1px solid #e3e3e3;
  border-radius:10px;
  box-shadow:none;
}

.detail-plain-row-history + .detail-plain-row-history{
  margin-top:6px;
}

.detail-plain-row .detail-app-leading{
  min-width:36px;
  width:36px;
  justify-content:center;
  padding-top:0;
}

.detail-app-leading-labeled{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  align-self:center;
  gap:2px;
  padding-top:4px;
}

.detail-app-leading-caption{
  font-size:9px;
  line-height:1;
  color:#757575;
  font-weight:600;
  white-space:nowrap;
}

.detail-plain-row-copy{
  min-width:0;
}

.detail-plain-row-title{
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  color:#1b1b1b;
}

.detail-plain-row-sub{
  margin-top:1px;
  font-size:11px;
  line-height:1.22;
  color:#717171;
}

.detail-plain-row .detail-app-fields-line{
  gap:1px 8px;
  margin-top:1px;
  font-size:11px;
  line-height:1.24;
}

.detail-plain-row .detail-app-field{
  color:#5d5d5d;
}

.detail-plain-row .detail-app-field-label{
  color:#454545;
  font-weight:500;
}

.detail-stats-list{
  background:#fff !important;
  border-top:none !important;
}

.detail-stats-row{
  padding:8px 8px 7px;
  border-top:1px solid #ececec;
  background:#fff;
}

.detail-stats-row:first-child{
  border-top:none;
}

.detail-stats-row:nth-child(even){
  background:#f3f3f3;
}

.detail-stats-row-title{
  font-size:12px;
  line-height:1.22;
  font-weight:600;
  color:#1f1f1f;
}

.detail-stats-row-summary{
  margin-top:2px;
  font-size:10px;
  line-height:1.22;
  color:#666;
}

.detail-place-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  border-radius:999px;
  border:1px solid transparent;
  background:#cfd4db;
  box-shadow:none;
}

.detail-place-badge-num{
  display:inline-block;
  transform:none;
  font-size:12px;
  line-height:1;
  font-weight:700;
  color:#fff;
}

.detail-place-badge-gold{
  background:#ffbf17;
  border-color:#ffbf17;
}

.detail-place-badge-silver{
  background:#b8bcc3;
  border-color:#b8bcc3;
}

.detail-place-badge-copper{
  background:#d58b00;
  border-color:#d58b00;
}

.detail-place-badge-blue{
  background:#0a4db3 !important;
  border-color:#0a4db3 !important;
}

.detail-place-badge-horseshoe{
  background:#0a4db3;
  border-color:#0a4db3;
}

.detail-place-badge-scr{
  background:#e7eaee;
  border-color:#d6dbe1;
}

.detail-place-badge-scr .detail-place-badge-num{
  font-size:11px;
  color:#c94a3e;
}

#horseDetailBody .detail-place-badge,
#actorDetailBody .detail-place-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  min-width:48px;
  padding:0;
  border-radius:999px;
  border:1px solid transparent;
  background:#cfd4db;
  color:#fff;
  font-size:18px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 8px 18px rgba(15,23,42,.12);
}

#horseDetailBody .detail-place-badge .detail-place-badge-num,
#actorDetailBody .detail-place-badge .detail-place-badge-num{
  display:inline-block;
  font-size:18px;
  line-height:1;
  font-weight:900;
  color:#fff;
}

#horseDetailBody .detail-place-badge.detail-place-badge-gold,
#actorDetailBody .detail-place-badge.detail-place-badge-gold{
  background:#ffbf17;
  border-color:#ffbf17;
}

#horseDetailBody .detail-place-badge.detail-place-badge-silver,
#actorDetailBody .detail-place-badge.detail-place-badge-silver{
  background:#b8bcc3;
  border-color:#b8bcc3;
}

#horseDetailBody .detail-place-badge.detail-place-badge-copper,
#actorDetailBody .detail-place-badge.detail-place-badge-copper{
  background:#d58b00;
  border-color:#d58b00;
}

#horseDetailBody .detail-place-badge.detail-place-badge-blue,
#actorDetailBody .detail-place-badge.detail-place-badge-blue,
#horseDetailBody .detail-place-badge.detail-place-badge-horseshoe,
#actorDetailBody .detail-place-badge.detail-place-badge-horseshoe{
  background:#0a4db3 !important;
  border-color:#0a4db3 !important;
}

#horseDetailBody .detail-place-badge.detail-place-badge-scr,
#actorDetailBody .detail-place-badge.detail-place-badge-scr{
  background:#e7eaee;
  border-color:#d6dbe1;
}

#horseDetailBody .detail-place-badge.detail-place-badge-scr .detail-place-badge-num,
#actorDetailBody .detail-place-badge.detail-place-badge-scr .detail-place-badge-num{
  color:#c94a3e;
  font-size:11px;
}

#actorDetailBody .detail-section-current .detail-season-strip-current{
  background:#717171;
}

#horseDetailBody .detail-app-entry-current,
#actorDetailBody .detail-app-entry-actor-current,
#actorDetailBody .detail-app-entry{
  border-radius:3px;
}

#actorDetailBody .detail-section-current,
#actorDetailBody .detail-section-actor-current{
  margin-top:0;
}

#actorDetailBody .detail-section-history{
  margin-top:8px;
}

#actorDetailBody .detail-app-entry + .detail-app-entry{
  margin-top:6px;
}

#actorDetailBody .detail-app-entry-meta{
  padding:4px 8px 3px;
}

#actorDetailBody .detail-app-entry-body{
  padding:6px 8px 7px;
}

#actorDetailBody .detail-app-entry-history,
#actorDetailBody .detail-app-entry-actor-current{
  background:#fff;
  border-color:#dcdcdc;
  box-shadow:none;
}

#actorDetailBody .detail-app-entry-meta{
  background:#dfdfdf;
}

#actorDetailBody .detail-app-entry-meta-title{
  color:#111;
  font-weight:700;
}

#actorDetailBody .detail-app-title-name{
  color:#0c63c7;
}

#actorDetailBody .detail-app-field,
#actorDetailBody .detail-app-field-value{
  color:#494949;
}

#actorDetailBody .detail-app-leading-silk .horse-detail-silk{
  width:28px;
  height:36px;
}

#actorDetailBody .detail-app-odds-panel{
  min-width:54px;
}

#actorDetailBody .detail-app-odd-value{
  font-size:11px;
  font-weight:700;
}

#actorDetailBody .detail-stats-list{
  border-radius:10px;
  overflow:hidden;
}

#actorDetailBody .detail-stats-row{
  padding:9px 9px 8px;
}

#actorDetailBody .detail-stats-row-title{
  font-size:11px;
  font-weight:700;
}

#actorDetailBody .detail-stats-row-summary{
  font-size:10px;
  line-height:1.16;
}

#actorDetailBody .detail-actor-hero{
  padding:6px 8px 5px;
  border-top:none;
}

#actorDetailBody .detail-actor-avatar{
  width:38px;
  height:38px;
  border-radius:7px;
}

#actorDetailBody .detail-actor-name{
  font-size:15px;
}

#actorDetailBody .detail-actor-role{
  font-size:10px;
  color:#767676;
}

@media (max-width: 768px){
  .detail-season-strip,
  .detail-season-strip-current,
  .detail-season-strip-muted{
    padding:5px 7px 6px;
  }

  .detail-app-entry{
    border-left:none;
    border-right:none;
  }

  .detail-plain-row{
    grid-template-columns:34px minmax(0,1fr);
    gap:7px;
    padding:7px 7px 8px;
  }

  .detail-plain-row .detail-app-leading{
    min-width:34px;
    width:34px;
  }

  .detail-app-leading-caption{
    font-size:8px;
  }

  .detail-place-badge{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:999px;
  }

  .detail-place-badge-num{
    font-size:11px;
  }

  .detail-horse-info-banner-copy{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:3px 8px;
  }

  .detail-horse-info-banner-value{
    font-size:9px;
  }

  .horse-detail-title-main{
    font-size:13px;
  }

  .horse-detail-title-sub{
    font-size:9px;
  }

  .detail-plain-row-title{
    font-size:13px;
  }

  .detail-plain-row-sub,
  .detail-plain-row .detail-app-fields-line{
    font-size:11px;
  }

  .detail-app-fields-line-fixed{
    gap:1px 6px;
  }

  .detail-stats-row{
    padding:8px 7px;
  }

  .detail-stats-row-title{
    font-size:12px;
  }

  .detail-stats-row-summary{
    font-size:10px;
  }

  .detail-app-odd-value{
    font-size:14px;
  }
}

@media (max-width: 768px){
  @supports (height: 100dvh){
    #horseDetailModal.horse-detail-sheet-modal,
    #actorDetailModal.actor-detail-sheet-modal{
      height:calc(100dvh - 12px);
    }
  }
}