:root {
  --bg:#f4f7fb; --surface:#ffffff; --surface2:#eef3f8; --line:#d7e2ee; --text:#102033; --muted:#66758a; --navy:#102a43; --radius:18px; --shadow:0 12px 30px rgba(16,42,67,.08);
  --S:#e743cf; --A:#ef3f86; --B:#ed5154; --C:#e99a21; --D:#b8ad1f; --E:#3fbd4e; --F:#3d92df; --G:#666dcc;
  --trait-ab:#24b8ff; --trait-cde:#a8dcff; --trait-fg:#ff6c6c;
  --best-bg:#eaf5ff; --best-line:#b7daf7;
  --record-bg:#fff4cf; --record-line:#ead484;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 10% 0%, rgba(79,167,217,.08), transparent 28rem), var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;line-height:1.7}
.shell{width:min(1120px, calc(100% - 32px));margin:auto}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
.header-inner,.footer-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:42px;height:42px;display:block;border-radius:12px;object-fit:cover;background:#fff}
.brand-name{font-weight:900;letter-spacing:.045em}
.brand-sub{font-size:12px;color:var(--muted);margin-top:-4px}
.prototype-badge{font-size:11px;font-weight:800;letter-spacing:.08em;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
main{padding:14px 0 64px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{padding:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;color:#52708d;text-transform:uppercase;margin-bottom:5px}
h1{margin:0;font-size:clamp(34px,6vw,62px);line-height:1.05;letter-spacing:-.035em}
h2{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.02em}
.name-ja{margin-top:10px;font-size:18px;font-weight:800;color:#34516b}
.meta-stack{margin-top:14px;display:grid;gap:6px}
.meta-line{font-size:15px;font-weight:700;color:#5a7088;display:flex;flex-wrap:wrap;gap:0}
.meta-item + .meta-item::before{content:"·";color:#9aabba;padding:0 8px}
.season-switcher{display:flex;align-items:center;gap:8px;background:var(--surface2);padding:8px;border-radius:14px}
.season-switcher button,.season-select,.career-link{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font:inherit;color:#71849a;text-decoration:none}
.season-switcher button{min-width:92px;cursor:pointer}.career-link{font-weight:800;color:#246b9b;white-space:nowrap}
.season-select{font-weight:900;color:#102033;cursor:pointer;min-width:94px;text-align:center;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6f8298 50%),linear-gradient(135deg,#6f8298 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:32px}


.section{margin-top:40px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:10px;padding-bottom:5px;border-bottom:3px solid #173d5b}
.section-heading p{margin:0;color:var(--muted);font-size:13px}
.section-title{font-size:12px;margin-bottom:0;color:#173d5b;letter-spacing:.15em}


.stat-grid{padding:18px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.stat{padding:12px 10px;border-radius:12px;background:var(--surface2);position:relative;border:1px solid transparent;min-height:84px}
.stat.best{background:var(--best-bg);border-color:var(--best-line)}
.stat.record{background:linear-gradient(180deg,var(--record-bg),#fff9e8);border-color:var(--record-line)}
.badges{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;line-height:1.2}
.badge.best{background:#d6ebfb;color:#2d6fa2}
.badge.record{background:#ffe59a;color:#876600}
.stat-label{font-size:11px;font-weight:850;color:var(--muted)}
.stat-value{font-size:22px;font-weight:950;margin-top:4px}


.rating-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.rating-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:11px 8px;text-align:center;box-shadow:none;cursor:pointer}
.rating-card.active{border:2px solid #8fcaf2;background:#fbfdff;padding:10px 7px;outline:none}
.rating-label{font-size:12px;font-weight:700;color:var(--muted)}
.rating-value{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:7px}
.rating-number{font-size:25px;font-weight:950;letter-spacing:-.03em}
.grade-box{min-width:34px;height:34px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:19px;line-height:1}
.rating-card .grade-box{min-width:30px;height:30px;border-radius:5px;font-size:17px}
.grade-S{background:var(--S)} .grade-A{background:var(--A)} .grade-B{background:var(--B)} .grade-C{background:var(--C)} .grade-D{background:var(--D)} .grade-E{background:var(--E)} .grade-F{background:var(--F)} .grade-G{background:var(--G)}
.rating-detail{margin-top:8px;padding:15px;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:none}
.rating-detail-title{display:flex;align-items:center;gap:10px;font-weight:900}


.two-column{display:grid;grid-template-columns:1fr 1.15fr;gap:22px}
.trait-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:8px}
.trait-tile{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:12px;cursor:pointer;box-shadow:none}
.trait-tile.active{border:2px solid #8fcaf2;background:#fbfdff;padding:11px;outline:none}
.trait-label{font-size:13px;font-weight:800;color:#47617a;line-height:1.2}
.trait-grade-ab{background:var(--trait-ab)!important}
.trait-grade-cde{background:var(--trait-cde)!important}
.trait-grade-fg{background:var(--trait-fg)!important}
.trait-detail{margin-top:8px;padding:15px;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:none}
.trait-detail-title{display:flex;align-items:center;gap:10px;font-weight:900}


.special-card{padding:16px;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:none}
.special-list{display:flex;flex-wrap:wrap;gap:8px}
.special{display:inline-flex;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:850;border:1px solid transparent;cursor:pointer;box-shadow:none}
.special.active{outline:2px solid #8fcaf2;outline-offset:1px}
.special-blue{color:#155a88;background:#eaf5fc;border-color:#cce6f5}
.special-gold{color:#765e00;background:#fff6c9;border-color:#eadb84}
.special-green{color:#356849;background:#edf7ef;border-color:#d4ead8}
.special-detail{margin-top:8px;padding:15px;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:none}
.special-detail-title{font-weight:900}


.metric-term{position:relative;display:inline-block;border-bottom:1px dotted #2b6f9d;color:#205d87;font-weight:850;cursor:pointer;outline:none}
.metric-term .metric-bubble{display:none;position:absolute;left:0;bottom:calc(100% + 7px);width:260px;z-index:50;padding:10px 11px;border-radius:10px;background:#102a43;color:#fff;font-size:11.5px;font-weight:500;line-height:1.5;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.metric-term:hover .metric-bubble,.metric-term:focus .metric-bubble,.metric-term.active .metric-bubble{display:block}


.line{margin-top:8px;font-size:13px;color:#3c5267}
.line-label{font-weight:900;color:#20394f}


.reading-grid{grid-template-columns:1.25fr .75fr}
.reading-card,.feature-card{padding:24px}
.reading-card p,.feature-card p{color:#45586c;margin-bottom:0}#intro{white-space:pre-line;line-height:1.9}
.profile-card{padding:20px 22px}.profile-text{white-space:pre-line;margin:0;color:#45586c;line-height:1.9}.special-unavailable{max-width:520px;text-align:right;color:#7b5b20;font-size:12px;line-height:1.5}.special-unavailable strong{color:#8b5b00}
.feature-card{background:linear-gradient(145deg,#102a43,#1d4669);color:#fff;border:none}
.feature-card .eyebrow{color:#a9c8df}
.feature-card p{color:#d9e7f1}
.source-list{padding:8px 18px}
.source-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.source-item:last-child{border-bottom:0}
.source-main strong{display:block}
.source-main span{display:block;color:var(--muted);font-size:12px}
.source-link{color:#246b9b;text-decoration:none;font-weight:800;font-size:13px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#102a43;color:#fff;padding:11px 16px;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.2);font-size:13px;transition:.2s;z-index:100}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
footer{border-top:1px solid var(--line);background:#fff;color:var(--muted)}
.footer-inner{min-height:84px;font-size:12px}
.footer-note{font-size:11px;line-height:1.6;text-align:right;max-width:520px}


@media(max-width:860px){
  .rating-grid{grid-template-columns:repeat(4,1fr)}
  .trait-grid{grid-template-columns:repeat(2,1fr)}
  .two-column,.reading-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:620px){
  .shell{width:min(100% - 22px,1120px)}
  .site-header{position:static}
  .brand-sub,.prototype-badge{display:none}
  main{padding-top:14px}
  .hero{padding:20px;display:block}
  h1{font-size:42px}
  .name-ja{font-size:16px}
  .season-switcher{margin-top:20px;width:100%;justify-content:space-between}
  .season-switcher button{min-width:82px}
  .season-select{flex:1}
  .section{margin-top:30px}
  .section-heading{display:block}
  .section-heading p{margin-top:5px}
  .rating-grid{grid-template-columns:repeat(2,1fr)}
  .rating-card:first-child{grid-column:span 2}
  .stat-grid{grid-template-columns:repeat(3,1fr);padding:12px}
  .trait-grid{grid-template-columns:repeat(2,1fr)}
  .metric-term .metric-bubble{left:auto;right:0;bottom:calc(100% + 8px);width:min(260px,80vw)}
  .source-item{align-items:flex-start}
}


.feature-note{font-size:11px!important;color:#b9cedd!important;margin-top:12px!important}
.admin-card{padding:22px;display:flex;align-items:center;gap:18px}
.admin-avatar{width:76px;height:76px;flex:0 0 76px;border-radius:50%;display:block;object-fit:cover;box-shadow:0 8px 20px rgba(16,42,67,.18)}
.admin-main{min-width:0}
.admin-name{font-size:20px;font-weight:950}
.admin-bio{margin:4px 0 12px;color:#53687d}
.social-links{display:flex;flex-wrap:wrap;gap:8px}
.social-link{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:#f8fbfe;color:#244c6a;text-decoration:none;font-weight:850;font-size:13px}
.social-link:hover{background:#eef6fc}
.admin-note{margin-top:10px;color:#8b99a8;font-size:11px}
.reading-card{padding:24px}
.feature-card{padding:24px}
@media(max-width:620px){
  .admin-card{align-items:flex-start}
  .admin-avatar{width:64px;height:64px;flex-basis:64px;font-size:20px}
}




.header-actions{display:flex;align-items:center;gap:10px}
.header-link,.rules-link{color:#246b9b;text-decoration:none;font-weight:850}
.header-link{font-size:13px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fff}
.rules-link{font-size:12px;white-space:nowrap}
.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--muted);font-size:13px}
.line-value{white-space:normal}
.criterion-line .line-value{white-space:normal}
@media(max-width:620px){
  .header-link{display:none}
  .section-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:5px}
}




.ad-slot{display:flex!important;min-height:90px;margin:26px 0;border:1px dashed #b9c4ce;border-radius:0;background:#fbfcfd;color:#8a98a5;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-align:center;font-size:11px;font-weight:750;letter-spacing:.04em}.ad-slot.is-live{display:flex!important}.ad-slot::before{content:"広告スペース（Google AdSense 掲載予定）"}.ad-slot::after{content:attr(data-ad-slot);font-size:9px;color:#9aa6b1;letter-spacing:.08em}.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.footer-links a{color:#52718b;text-decoration:none;font-size:12px}

/* Keep player controls and long source labels within phone screens. */
.season-switcher{flex-wrap:wrap}.source-main{min-width:0;overflow-wrap:anywhere}.source-link{flex-shrink:0}

/* Readable navigation at desktop and phone widths. */
.header-actions{display:flex;flex-wrap:wrap;gap:8px}.header-actions a{white-space:nowrap;border:1px solid #ccdbe7;border-radius:8px;padding:7px 10px;text-decoration:none;color:#245c7e;font-size:12px;font-weight:700}.brand{flex-shrink:0}
@media(max-width:800px){.header-inner{flex-direction:column;align-items:flex-start;padding-top:14px;padding-bottom:14px}.header-actions{width:100%}.brand-name{white-space:nowrap;font-size:17px}}

/* HOME_CHROME_SYNC_20260919 */
.site-header{
  background:linear-gradient(135deg,#0b2338,#1b4c70);
  color:#fff;
  border-bottom:1px solid #173f5d;
  backdrop-filter:none;
}
.site-header .brand-name{color:#fff}
.site-header .brand-sub{color:#b8cede}
.site-header .header-actions a{
  color:#fff;
  background:transparent;
  border-color:#ffffff3d;
}
footer{
  background:#0d2a40;
  color:#dce7ee;
  border-top-color:#173f5d;
}
footer .footer-links a{color:#dce7ee}
footer .footer-note{color:#dce7ee}



/* C. Box Score Ledger — approved season stats layout */
.stat-grid{display:block!important;padding:0!important;overflow:visible!important}
.stat-ledger-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);background:#fff}
.stat-ledger{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}
.stat-ledger th,.stat-ledger td{border-right:1px solid var(--line);text-align:left}
.stat-ledger th:last-child,.stat-ledger td:last-child{border-right:0}
.stat-ledger th{padding:9px 10px;background:#eef2f5;color:#3f6383;font-size:11px;font-weight:900}
.stat-ledger td{padding:12px 10px 10px;background:#fff;font-size:21px;line-height:1.1}
.stat-ledger td strong{font-weight:950}
.stat-ledger td.best{box-shadow:inset 0 -4px 0 #3d92df}
.stat-ledger td.record{box-shadow:inset 0 -4px 0 #e5b82c}
.stat-ledger td.best:hover,.stat-ledger td.record:hover{background:#fbfcfe}
#player-note-section[hidden]{display:none!important}


/* HOMEと同じ弾道アイコン */
.rating-card .traj{display:inline-flex;align-items:center;gap:4px;color:#173d5b;font-size:25px;font-weight:950;white-space:nowrap;line-height:1}
.rating-card .traj svg{width:26px;height:26px;display:block;overflow:visible}
.rating-card .traj b{font-size:25px;letter-spacing:-.03em}


/* シーズン成績の凡例 */
.stat-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:7px;color:#667884;font-size:11px;font-weight:800}
.stat-legend span{display:inline-flex;align-items:center;gap:6px}
.stat-legend-mark{display:inline-block;width:22px;height:4px;border-radius:0}
.stat-legend-mark.record{background:#e5b82c}
.stat-legend-mark.best{background:#3d92df}


/* シーズン成績見出し右端の凡例 */
.season-heading-row{align-items:end}
.season-heading-row .stat-legend{margin:0 0 1px auto}
@media(max-width:640px){
  .season-heading-row{align-items:flex-start}
  .season-heading-row .stat-legend{margin-left:0}
}


/* PLAYER_IDENTITY_COMPACT_RIGHT_APPROVED_20260920 */
.hero.player-identity{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:stretch;
  padding:18px 0 15px;
  border:0;
  border-top:0;
  border-bottom:1px solid #d7e0e7;
  background:#fff;
}
.identity-left{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.identity-name-row{
  display:flex;
  align-items:baseline;
  gap:11px;
  flex-wrap:wrap;
}
.identity-name-primary{
  margin:0;
  font-size:40px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.035em;
  color:#102a43;
}
.identity-name-en{
  font-size:14px;
  line-height:1.2;
  font-weight:750;
  color:#617585;
}
.identity-facts{
  margin-top:12px;
  display:grid;
  gap:4px;
}
.identity-fact-line{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  font-size:12px;
  line-height:1.55;
  color:#425b70;
}
.identity-fact-line span+span::before{
  content:"　";
}
.identity-fact-line strong{
  color:#1e3b52;
  font-weight:900;
}
.identity-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  min-width:max-content;
}
.season-lockup{
  display:flex;
  align-items:baseline;
  gap:8px;
  justify-content:flex-end;
}
.season-lockup-label{
  font-size:10px;
  line-height:1;
  letter-spacing:.13em;
  color:#7c8d9a;
  font-weight:900;
}
.season-display{
  font-size:40px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.035em;
  color:#173d5b;
}
.hero.player-identity .season-switcher{
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  margin:0;
  padding:0;
  background:transparent;
  border-radius:0;
}
.hero.player-identity .season-switcher button,
.hero.player-identity .season-select{
  height:34px;
  border:1px solid #aebfd0;
  border-radius:4px;
  background:#fff;
  box-shadow:none;
  font-family:inherit;
  color:#173d5b;
}
.hero.player-identity .season-switcher button{
  min-width:89px;
  padding:0 10px;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
}
.hero.player-identity .season-switcher button:disabled{
  opacity:.45;
  cursor:default;
}
.hero.player-identity .season-select{
  width:98px;
  min-width:98px;
  flex:none;
  padding:0 30px 0 11px;
  font-size:12px;
  font-weight:950;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,#6c7f91 50%),
    linear-gradient(135deg,#6c7f91 50%,transparent 50%);
  background-position:
    calc(100% - 17px) 14px,
    calc(100% - 12px) 14px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
@media(max-width:760px){
  .hero.player-identity{
    display:block;
    padding:16px 0 15px;
  }
  .identity-right{
    margin-top:14px;
    align-items:flex-start;
    gap:12px;
  }
  .season-lockup{
    justify-content:flex-start;
  }
  .hero.player-identity .season-switcher{
    max-width:100%;
    overflow-x:auto;
  }
}


/* COMPACT_DATA_SOURCES_20260920 */
.source-section{
  width:100%;
  max-width:none;
  margin-top:22px;
}
.source-section .section-heading{
  margin-bottom:6px;
}
.source-section .section-title{
  font-size:12px;
  letter-spacing:.15em;
  color:#173d5b;
}
.source-section .source-list{
  width:100%;
  padding:0 12px;
  border-radius:0;
  box-shadow:none;
}
.source-section .source-item{
  padding:7px 0;
  gap:12px;
}
.source-section .source-main{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:10px;
  flex:1;
}
.source-section .source-main strong{
  flex:0 0 auto;
  font-size:12px;
  line-height:1.35;
}
.source-section .source-main span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.5px;
  line-height:1.45;
}
.source-section .source-link{
  flex:0 0 auto;
  font-size:11px;
}
@media(max-width:620px){
  .source-section .source-main{
    display:block;
  }
  .source-section .source-main span{
    white-space:normal;
  }
}


/* HOME_STYLE_ADMIN_20260920 */
.admin-homebox{
  width:100%;
  border:1px solid #c5ced6;
  background:#fff;
}

.admin-homeprofile{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px;
}
.admin-homeprofile img{
  width:58px;
  height:58px;
  border-radius:50%;
  object-fit:cover;
  background:#edf2f6;
  box-shadow:none;
}
.admin-homeprofile b{
  display:block;
  font-size:13px;
  line-height:1.6;
  color:#173d5b;
}
.admin-homeprofile p{
  margin:3px 0 8px;
  color:#3c5267;
  font-size:13px;
  line-height:1.6;
}
.admin-home-social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.admin-home-social a{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#0b5c8e;
  font-size:13px;
  line-height:1.6;
  font-weight:900;
}
@media(max-width:620px){
  .admin-homeprofile{
    grid-template-columns:50px minmax(0,1fr);
  }
  .admin-homeprofile img{
    width:50px;
    height:50px;
  }
}


/* UNIFIED_ABILITY_DETAIL_TYPE_20260920 */
.rating-detail .line,
.trait-detail .line,
.special-detail .line{
  font-size:13px;
  line-height:1.6;
  color:#3c5267;
}
.rating-detail .line-label,
.trait-detail .line-label,
.special-detail .line-label{
  font-size:13px;
  font-weight:900;
  color:#20394f;
}
.rating-detail .line-value,
.trait-detail .line-value,
.special-detail .line-value{
  font-size:13px;
  line-height:1.6;
}




/* PLAYER_AD_PREVIEW_BEFORE_SOURCES_20260920 */
.ad-preview-slot{
  width:100%;
  min-height:96px;
  margin:24px 0 16px;
  border:1px dashed #b9c4ce;
  background:#fbfcfd;
  color:#7f8d99;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
}
.ad-preview-slot span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.ad-preview-slot small{
  font-size:10px;
  color:#9aa6b1;
  letter-spacing:.04em;
}


/* PLAYER_RATING_HOME_GRADE_STYLE_20260922 */
/* Keep all seven basic-rating cards the same visual height. */
.rating-card .rating-value{
  min-height:30px;
}
.rating-card .traj{
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#173d5b;
  font-weight:950;
  line-height:1;
}
.rating-card .traj svg{
  width:24px;
  height:24px;
  display:block;
  overflow:visible;
  flex:0 0 24px;
}
.rating-card .traj b{
  font-size:25px;
  font-weight:950;
  letter-spacing:-.03em;
  line-height:1;
}

/* Basic S-G ratings use the same colored-letter treatment as HOME featured players. */
.rating-card .grade-box,
.rating-detail-title .grade-box{
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  display:inline !important;
  font-family:Arial,"Helvetica Neue",sans-serif !important;
  font-size:20px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  text-shadow:0 1px 0 #fff,0 0 1px rgba(0,0,0,.12) !important;
}
.rating-card .grade-S,.rating-detail-title .grade-S{color:var(--S) !important}
.rating-card .grade-A,.rating-detail-title .grade-A{color:var(--A) !important}
.rating-card .grade-B,.rating-detail-title .grade-B{color:var(--B) !important}
.rating-card .grade-C,.rating-detail-title .grade-C{color:var(--C) !important}
.rating-card .grade-D,.rating-detail-title .grade-D{color:var(--D) !important}
.rating-card .grade-E,.rating-detail-title .grade-E{color:var(--E) !important}
.rating-card .grade-F,.rating-detail-title .grade-F{color:var(--F) !important}
.rating-card .grade-G,.rating-detail-title .grade-G{color:var(--G) !important}

/* Stabilize the detail panel so switching to trajectory does not pull later sections upward. */
.rating-detail{
  min-height:118px;
}
.rating-detail-title{
  min-height:30px;
  display:flex;
  align-items:center;
  gap:10px;
}
.rating-detail-title .traj{
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#173d5b;
  font-weight:950;
  line-height:1;
}
.rating-detail-title .traj svg{
  width:24px;
  height:24px;
  display:block;
  overflow:visible;
  flex:0 0 24px;
}
.rating-detail-title .traj b{
  font-size:20px;
  font-weight:950;
  line-height:1;
}