@charset "UTF-8";.yearStats .tt,.id>.tt{width: 100%;}.tt.b th:not(:first-child),.tt.b td:not(:first-child) {white-space: nowrap;}.tt.b th,.tt.b td {border: 1px solid #eee;}.u{display:grid;text-align:center;font-size:min(3.3vw,16px);margin:1rem 0;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 1vw;}.statsTab {box-sizing: border-box;display: flex;gap: 0.25rem;margin-bottom: .5rem;width: 100%;background-color: #f1f3f4;padding: 0.25rem;border-radius: 0.5rem;border-bottom: none;& .tb {flex: 1;padding: 0.5rem 1rem;font-size: 0.875rem;font-weight: bold;color: #5f6368;background: none;border: none;cursor: pointer;transition: all 0.2s ease;text-align: center;border-radius: 0.375rem;&:hover {color: var(--main);background-color: rgba(255, 255, 255, 0.5);}&.in {color: var(--main);background-color: #ffffff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);border-bottom: none;}}}.yearStats {& > .statsGroup {display: none;opacity: 0;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;background:linear-gradient(to right, white 30%, rgba(255,255,255,0)),linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%,linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0)) 0 100%,linear-gradient(to left, rgba(0,0,0,0.1), rgba(0,0,0,0)) 0 100%;background-position: 0 0, 100% 0, 0 0, 100% 0;background-repeat: no-repeat;background-size: 4rem 100%, 4rem 100%, 1.25rem 100%, 1.25rem 100%;background-attachment: local, local, scroll, scroll;&.in {display: block;}&.fade-in {opacity: 1;transition: opacity 0.6s ease;}& table {width: max-content;min-width: 100%;display: table;& :is(th, td) {min-width: 4rem;white-space: nowrap;text-align: center;padding: 0.5rem 0.25rem;}}}}.yearStats table caption {font-size: min(3.5vw, 16px);font-weight: bold;text-align: left;padding: 0 0 0.25rem 0;color: #999;}.tt {border-collapse: collapse;font-size: clamp(0.75rem, 3.5vw, 1rem);text-align: center;margin: 1rem 0;width: 100%;& th {background-color: var(--green);color: #fff;font-weight: 700;padding: 0.5rem 0.1rem;border: #fff;font-size: 0.9em;}& td {border: 0;border-bottom: 0.06rem solid #ccc;padding: 0.5rem 0.3rem;}&.month2 {table-layout: fixed;white-space: nowrap;& th {background-color: var(--hColor);}& .r {background-color: rgb(255, 234, 167);}}}.yearStats .tt {table-layout: fixed;}.s {overflow-x: auto;-webkit-overflow-scrolling: touch;width: 100%;}.t {border-collapse: separate;border-spacing: 0;font-size: clamp(0.75rem, 3.2vw, 0.8rem);text-align: center;table-layout: fixed;margin: 1rem 0;width: max-content;min-width: 100%;& th {background-color: var(--hColor);color: #fff;font-size: clamp(0.8rem, 3.3vw, 0.85rem);font-weight: 700;padding: 0.7rem 0 0.2rem;width: 4rem;&:first-child span {writing-mode: horizontal-tb;text-orientation: mixed;}}& th:is(:nth-child(3), :nth-child(4), :nth-child(5)) {width: 2.5rem;}& td {border: 0;border-bottom: 0.0625rem solid #ccc;padding: 0.5rem 0.3rem;width: 4rem;}& td:is(:nth-child(3), :nth-child(4), :nth-child(5)) {width: 3rem;}& tr {&:nth-child(even) {background-color: #fcfcfc;}}&:not(.latest) tbody tr.ext {&.fade-in-prepare {display: table-row;opacity: 0;transition: none;}&.fade-in {display: table-row;opacity: 1;transition: opacity 0.3s ease-in;}}&.latest {& tr th:nth-child(1) {width: 5rem;}& tr th:is(:nth-child(2), :nth-child(3)) {width: 6rem;}& td:is(:nth-child(4), :nth-child(5)) {width: 4rem;}& tbody tr {&.fade-in-prepare {opacity: 0;}&.fade-in {opacity: 1;transition: opacity 0.3s ease-out;}}}& .c {background: var(--highlight);}& > tbody > tr:not(.ext) {& :is(th, td):first-child {position: sticky;left: 0;box-shadow: 0.375rem 0 0.625rem -0.25rem rgba(0, 0, 0, 0.3);background: #f7f7f7;border: 0;border-radius: 0.25rem 0.25rem 0 0;z-index: 1;transition: background-color 0.2s ease, color 0.2s ease;:is(.month) & {width: clamp(4rem, 12vw, 6rem);}:is(.team, .place, .month) & {padding-right: 0.3rem;&::after {content: "＞";position: relative;display: inline-block;margin-left: 0.2rem;vertical-align: middle;line-height: 1;transform-origin: center;transform: scale(0.6);color: #78909c;transition: transform 0.2s ease, color 0.2s ease;}&.in {background: #1b5e20;color: #fff;&::after {color: #fff;transform: rotate(90deg) scale(0.6);}}}}}}.ext {& th {background: #eee;color: #333;}& table {width: 100%;table-layout: fixed;& :is(th, td) {font-size: 0.75rem;&:nth-child(1) {width: 5rem;}&:is(:nth-child(2), :nth-child(3)) {width: 6rem;}&:not(:nth-child(-n+3)) {width: auto;}}}& td {background: #fff;}& > td {background: var(--green);}}.l {text-decoration: underline solid var(--green);text-underline-offset: 0.2rem;font-weight: 700;}.more {color: var(--main);font-weight: 700;text-align: center;& span {display: inline-block;}}:is(.vsLeague, .vsTeam, .vs_box) > div {display: none;opacity: 0;transform: translateY(0.375rem);&.in {display: block;}&.fade-in {opacity: 1;transform: translateY(0);transition: opacity 0.3s ease-out, transform 0.3s ease-out;}}.rnk {text-align: center;& table {width: 100%;border-collapse: collapse;table-layout: fixed;margin: 1rem 0;font-size: clamp(0.8rem, 3.4vw, 0.9rem);& td {border: 0.0313rem solid #eee;padding: 0.5rem 0.1rem;}}& th {background-color: #ffffff;color: var(--green);font-weight: 700;padding: .5rem .5rem;border-bottom: 2px solid var(--green);}& tr {&:nth-child(even) {background: #fcfcfc;}&.in {background: rgb(255, 234, 167);}}& caption {font-size: clamp(0.7rem, 2.8vw, 0.775rem);font-weight: 700;text-align: left;padding: 0.4rem 0.1rem;color: #666;letter-spacing: 0.06em;}}.vsLeague th:nth-child(-n+2),.vsTeam th:nth-child(1) {width: 3.5rem;}.topTab{display: grid;text-shadow: .5px .5px #fff;grid-gap: 5px;font-size: min(3.5vw, 16px);grid-template-columns: repeat(4, 1fr);margin: 2rem 0 1rem;text-align: center;}.sub-catch {display: block;font-size: 0.8rem;color: #2e7d32;font-weight: 700;margin-bottom: 0.2rem;letter-spacing: 0.08em;}.vsBatter {& table {width: 100%;text-align: center;font-size: 0.85rem;}& > table > thead th:first-child {width: 5.5rem;background-color: var(--green);border-radius: 0.375rem;}& > table > thead th:nth-child(2) {display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;gap: 0.25rem;width: 100%;}& button {background-color: #eee;color: #333;border: 0.0625rem solid #ccc;padding: 0.4rem 0.8rem;cursor: pointer;font-size: 0.9rem;border-radius: 0.25rem 0.25rem 0 0;transition: background-color 0.1s linear;&.in {background-color: var(--main);color: #fff;border-color: var(--main);font-weight: bold;}& .short-name {display: inline;}& .full-name {display: none;}}& .name {font-weight: 700;}& .era {font-style: italic;font-family: 'Helvetica Neue', Arial, sans-serif;}}.vs_box {border-bottom: 0.0625rem solid var(--main);& table {width: 100%;border-collapse: collapse;background-color: #fff;table-layout: fixed;& > thead > tr > th {background-color: #fff;color: #333;border-bottom: 0.125rem solid var(--main);padding: 0.4rem 0.3rem;position: sticky;top: 70px;z-index: 1;}}& th:first-child {width: 5.5rem;}& td {border-bottom: 0.0625rem solid #eee;padding: 0.8rem 0;&:first-child {font-weight: 600;& > span {display: block;font-size: 0.75rem;color: #666;font-weight: normal;margin-top: 0.1rem;font-style: italic;font-family: 'Helvetica Neue', Arial, sans-serif;}}&:not(:first-child) {white-space: nowrap;font-size: clamp(0.75rem, 3.5vw, 1rem);}}& tr:nth-child(even) {background-color: #fcfcfc;}& tbody tr td:nth-child(2) {&.is-high {background-color: #ffebee;color: #c62828;font-weight: bold;font-style: italic;padding-right: 0.2em;}&.is-low {background-color: #e3f2fd;color: #1565c0;font-weight: bold;font-style: italic;padding-right: 0.2em;}}}.vs_svg {text-align: center;white-space: normal;word-break: break-all;line-height: 1.2;& span {display: block;margin: 0.3rem 0;}& img {display: inline-block;vertical-align: middle;width: auto;margin-right: 0.2rem;margin-left: 0;transition: transform 0.2s ease;}}.vs_th {padding: 0.2rem 0.5rem;color: #fff;font-style: italic;}.lr {width: 100%;& span:not(.ova) {display: block;font-style: italic;color: #999;font-size: clamp(0.75rem, 3.2vw, 0.9rem);}& tbody tr:nth-child(3) {background: #fafafa;}&.a {table-layout: fixed;border-bottom: 0.125rem solid var(--main);& td {padding: 0.5rem;border: 0;&:nth-child(2) {border-right: 0.0625rem solid #ccc;}}}}.ova {font-size: clamp(1.4rem, 4vw, 1.8rem);font-weight: 700;}.f {width: 100%;border-collapse: collapse;font-size: clamp(0.8rem, 3.3vw, 0.85rem);text-align: center;& th {background-color: #ffffff;color: var(--green);font-weight: 700;padding: .5rem .5rem;border-bottom: 2px solid var(--green);}& td {&:nth-child(1) {position: relative;background: #f4f6f8;width: 4.5rem;font-weight: 700;cursor: pointer;border: 0;border-radius: 0.25rem;padding: .5rem clamp(0.1rem, 1vw, 0.5rem);transition: background-color 0.2s ease, color 0.2s ease;&::after {content: "＞";position: absolute;right: .2rem;top: 50%;transform: translateY(-50%) scale(0.6);color: #78909c;transition: transform 0.2s ease;}}}& tr td {&:nth-child(2),&:nth-child(3) {width: 3.5rem;}}& :is(.sv.a, .sv.c) {padding: 0.5rem 0;opacity: 1;transition: opacity 0.3s ease-out;&.is-changing {opacity: 0;transition: none;}}}:is(.team, .place) th:nth-child(1) {width: clamp(6rem, 10vw, 7rem);}:is(td.l.in, .t > tbody > tr.in > td.l.in) {background: var(--green);color: #fff;&::after {color: #fff;transform: translateY(-50%) rotate(90deg) scale(0.7);}}:is(.tbl1 thead > tr, .vs_svg .svg-meta) {position: sticky;top: 70px;z-index: 1;}.h {display: none;}@media screen and (min-width: 600px) {.yearStats > .statsGroup {overflow-x: visible;-webkit-overflow-scrolling: auto;width: 100%;background: none;& table {width: 100%;table-layout: fixed;& :is(th, td) {min-width: initial;}}}.s {overflow: visible;& .t {width: 100%;border-collapse: collapse;table-layout: fixed;& tr :is(th, td):not(:nth-child(-n+3)) {width: auto !important;}& tr.ext :is(th, td) {white-space: nowrap;overflow: hidden;text-orientation: mixed;text-overflow: clip;padding-right: 0.1rem;padding-left: 0.2rem;&:first-child {width: 4.5rem;}&:is(:nth-child(2), :nth-child(3)) {width: 5rem;}}& .l:hover {background: #e8f5e9;color: #1b5e20;&::after {color: #1b5e20;}}}}.t {& th span {-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;white-space: pre;text-orientation: upright;}& tbody tr:hover {background-color: #f1f5f9;}}:is(.tbl1, .vs_box table) tbody tr:hover {background-color: #f1f5f9;}:is(.rnk, .field) {display: grid;text-shadow: 0.5px 0.5px #fff;margin: 1rem 0;grid-template-columns: repeat(2, 1fr);}.rnk {grid-gap: 2rem;font-size: clamp(0.75rem, 3.5vw, 1rem);}.field {grid-gap: 0.5rem;font-size: clamp(0.75rem, 3.5vw, 1rem);}.topTab {grid-template-columns: repeat(8, 1fr);}.vsBatter {& table {table-layout: fixed;}& button {&:hover {background-color: var(--main);color: #fff;}& .short-name {display: none;}& .full-name {display: inline;}}& > table > thead th:first-child {width: 10rem;min-width: 10rem;max-width: 10rem;}}.vs_box {border-bottom: 0.0625rem solid var(--main);& table {& th:first-child {width: auto;}& td:first-child span {display: inline;font-size: 0.8rem;margin-left: 0.4rem;}}}.vs_svg {padding-right: 0.5rem;width: 10rem;min-width: 10rem;max-width: 10rem;& img {margin-left: -2vw;margin-right: calc(2vw + 0.2rem);filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.15));}}.lr.a {& td {&:first-child img {margin-left: -2vw;margin-right: calc(2vw + 0.2rem);filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.15));}&:nth-child(4) img {margin-right: -2vw;margin-left: calc(2vw + 0.2rem);filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));}}}.f td:nth-child(1):hover {background: #e8f5e9;color: #1b5e20;&::after {color: #1b5e20;}}.more span:hover {text-decoration: underline;cursor: pointer;}.statsTab .tb:hover {color: #333;background-color: rgba(0, 123, 255, 0.05);}}.batter-list-container {margin-top: 15px;font-size: .75rem;--count-width: 2.5rem;display: none;opacity: 0;&.in {display: block;animation: fadeInContainer 0.25s ease-out forwards;}.b-list-inner {background-color: #fcfcfc;border: 1px solid #e5e5e5;border-radius: 6px;box-shadow: 0 1px 3px rgba(0,0,0,0.02);padding: 12px 0;}.b-list-title {display: flex;align-items: center;font-size: .9rem;margin: .5rem;color: #666;}.list-toggle-buttons {margin-bottom: 12px;button {padding: 4px 12px;font-size: 0.9rem;cursor: pointer;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;margin-right: 6px;color: #333;transition: background-color 0.2s, color 0.2s, border-color 0.2s;&.in {background-color: var(--main);color: #fff;border-color: var(--main);}}}.team-table, .player-table {width: 100%;opacity: 0;animation: fadeInContainer 0.25s ease-out forwards;}.team-table { display: table; }.player-table { display: none; }&.in-player {.team-table { display: none; }.player-table { display: table; }}}.b-list-table {width: 100%;border-collapse: collapse;table-layout: fixed;.b-list-row {border-bottom: 1px solid #eee;}td {padding: 6px 8px;&.b-cell-empty {display: none;}&.b-cell-data {text-align: left;width: calc(50% - var(--count-width));}&.b-cell-right {border-left: 1px solid #eee;}&.b-cell-count {text-align: center;width: var(--count-width);font-variant-numeric: tabular-nums;}}&.team-table {margin-left: auto;margin-right: auto;width: 100%;td.b-cell-data { padding-left: 24px; }td.b-cell-count { padding-right: 24px; }}&.player-table {.b-results {white-space: normal;word-break: break-all;margin-top: 5px;font-size: 0.85em;line-height: 1.4;}}tr:has(td.b-cell-empty:nth-child(1)):has(td.b-cell-empty:nth-child(3)) {display: none;}.d-pname { font-size: 0.85rem; font-weight: 600; color: #000; }.d-pteam { color: #666; margin-left: 4px; }.b-results { color: #666; margin-top: 2px; }}.svg_wrap {background-color: #ffffff;border: 1px solid #e2e8f0;border-radius: 12px;margin-bottom: 24px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);padding: min(1.5vw, 12px);.out-tables-wrapper,.hit-tables-wrapper {margin-top: 28px;border-top: 1px dashed #e2e8f0;padding-top: 20px;}.batter-list-container {margin-top: 0;.b-list-title {display: flex;align-items: center;font-size: .9rem;margin: 0 0 16px 0;color: #475569;font-weight: 600;border-left: 3px solid var(--main);padding-left: 8px;}.b-list-inner {background-color: transparent;border: none;box-shadow: none;padding: 0;}}}@keyframes fadeInContainer {from {opacity: 0;transform: translateY(6px);}to {opacity: 1;transform: translateY(0);}}@keyframes fadeInTable {from {opacity: 0;}to {opacity: 1;}}