.bi-player .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:7px;margin:2px 0 14px}
.bi-player .cards .cd{background:#fff;border:1px solid #dde3ea;border-left:3px solid #9aa7b4;
  border-radius:4px;padding:7px 9px}
.bi-player .cards .cd.g{border-left-color:#c0392b}
.bi-player .cards .cd.b{border-left-color:#4a7fbe}
.bi-player .cards .cd.w{grid-column:1/-1}
.bi-player .cards .cl{display:block;font-size:11.5px;color:#666;margin-bottom:2px}
.bi-player .cards b{display:block;font-size:16px;font-weight:700;color:#17497a;line-height:1.3}
.bi-player .cards .cs{display:block;font-size:11px;color:#8a929b;margin-top:2px}

.bi-player .panel.prof .career{margin:0;padding:6px 10px 8px;font-size:12px;color:#555;
  border-top:1px solid #e6ebf0}

.bi-player .tg{display:inline-block;font-size:10.5px;padding:1px 6px;border-radius:9px;
  white-space:nowrap}
.bi-player .tg.g{background:#fdecea;color:#a5281c}
.bi-player .tg.b{background:#e9f0f8;color:#2a5fa0}
.bi-player .tg.n{background:#f1f3f5;color:#777}
.bi-player{font-family:-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
 max-width:760px;margin:0 auto;padding:0;color:#1b1b1b;line-height:1.7;font-size:15px}
.bi-player .pname{font-size:21px;margin:0 0 2px;border:0;padding:0}
.bi-player h1 .tm{font-size:14px;color:#666;font-weight:400}
.bi-player h2{font-size:16px;margin:22px 0 7px;padding:5px 9px;background:#f2f5f9;border-left:4px solid #17497a;border-radius:2px}
.bi-player h3{font-size:14px;margin:14px 0 5px;color:#17497a}
.bi-player .upd{font-size:12px;color:#888;margin:0 0 4px}
.bi-player .note{font-size:12px;color:#666;margin:5px 0 0;line-height:1.6}
.bi-player .more{margin-top:24px;font-size:13px}
.bi-player .sc{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.bi-player table{border-collapse:collapse;width:100%;font-size:12.5px;margin:0}
.bi-player table.k th,.bi-player table.k td{border:1px solid #dde3ea;padding:4px 3px;text-align:right;white-space:nowrap}
.bi-player table.k tr:first-child th{background:#17497a;color:#fff;text-align:center;font-weight:600;padding:4px 2px}
.bi-player table.k th{background:#f6f8fa;text-align:left;font-weight:600;padding:4px 5px}
.bi-player table.k td.em{font-weight:700;color:#17497a}
.bi-player table.k td.thin{color:#aaa}
.bi-player table.k td .d{display:block;font-size:10.5px;color:#888;font-weight:400}
.bi-player table.k td.ctr{text-align:center}
.bi-player table.k td.lft{text-align:left}
.bi-player table.k td.f2{color:#7a5b00;background:#fffbe8}
.bi-player table.k tr.grp th{background:#e8eef5;color:#17497a;text-align:left;font-size:12px}
.bi-player table.z{table-layout:fixed;font-size:12.5px}
.bi-player table.z th,.bi-player table.z td{border:1px solid #dde3ea;padding:6px 2px;text-align:center}
.bi-player table.z tr:first-child th{background:#17497a;color:#fff}
.bi-player table.z th{background:#f6f8fa;font-weight:600}
.bi-player table.z td .d{display:block;font-size:11px;color:#777}
.bi-player table.z td b{font-size:15px}
.bi-player table.z td.hot{background:#fdeaea}
.bi-player table.z td.hot b{color:#b32020}
.bi-player table.z td.cold{background:#eaf0fb}
.bi-player table.z td.cold b{color:#1f4fa8}
.bi-player table.z td.thin b{color:#bbb;font-weight:400}
.bi-player table.z td .lgv{display:block;font-size:9.5px;color:#999;margin-top:1px}
.bi-player .hotx{color:#b32020}.bi-player .coldx{color:#1f4fa8}
.bi-player .panel{border:1px solid #dde3ea}
.bi-player .panel .ph{background:#17497a;color:#fff;font-size:12px;font-weight:600;padding:5px 8px}
.bi-player .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dde3ea}
.bi-player .grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#dde3ea;border-top:1px solid #dde3ea}
.bi-player .grid .cell,.bi-player .grid6 .cell{background:#fff;padding:4px 2px;text-align:center}
.bi-player .grid .cell span,.bi-player .grid6 .cell span{display:block;font-size:10.5px;color:#777;line-height:1.4}
.bi-player .grid .cell b,.bi-player .grid6 .cell b{font-size:14px;display:block;line-height:1.3}
.bi-player .grid6 .cell b em{font-style:normal;font-size:9.5px;color:#b06000;margin-left:2px}
.bi-player .grid .cell em{display:block;font-size:10px;color:#b06000;font-style:normal;line-height:1.3}
.bi-player .grid .cell em.ng{color:#aaa}
.bi-player .grid .cell.big{background:#f2f5f9;padding:6px 2px}
.bi-player .grid .cell.big b{font-size:20px;color:#17497a;line-height:1.2}
.bi-player .stacks{margin-top:2px}
.bi-player .stk{padding:4px 0 6px}
.bi-player .stk .sl{display:block;font-size:12px;color:#444;margin-bottom:2px;font-weight:600}
.bi-player .stk .sb{display:flex;height:26px;border-radius:3px;overflow:hidden}
.bi-player .stk .sb i{display:flex;align-items:center;justify-content:center;font-style:normal;
 font-size:10.5px;color:#fff;font-weight:600;min-width:0}
.bi-player .lgd{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:6px;font-size:11px;color:#555}
.bi-player .lgd span{display:flex;align-items:center;gap:3px}
.bi-player .lgd i{width:10px;height:10px;border-radius:2px;display:inline-block}
.bi-player .type{margin-top:9px;padding:7px 9px;background:#f6f8fa;border-left:3px solid #4a7fbe;
 font-size:12.5px;border-radius:2px;line-height:1.6}
.bi-player .type b{display:block;font-size:11px;color:#17497a;margin-bottom:2px}
.bi-player .rwrap{margin:6px 0 2px;text-align:center}
.bi-player .rdr{width:100%;max-width:340px;height:auto;display:block;margin:0 auto}
.bi-player .rdr .rg{fill:none;stroke:#dfe4ea;stroke-width:1}
.bi-player .rdr .rav{fill:#c9d0d8;fill-opacity:.42;stroke:#b3bcc6;stroke-width:1}
.bi-player .rdr .rax{stroke:#dfe4ea;stroke-width:1}
.bi-player .rdr .rme{fill:#2f7fd0;fill-opacity:.3;stroke:#1f6fc0;stroke-width:2}
.bi-player .rdr .rmd{fill:#1f6fc0}
.bi-player .rdr .rlb{font-size:11.5px;font-weight:700;fill:#333}
.bi-player .rdr .rlv{font-size:11px;fill:#17497a;font-weight:700}
.bi-player .rleg{font-size:11.5px;color:#555;margin-top:-4px}
.bi-player .rleg span{display:inline-block;margin:0 7px;padding-left:15px;position:relative}
.bi-player .rleg span:before{content:"";position:absolute;left:0;top:3px;width:11px;height:11px;border-radius:2px}
.bi-player .rleg .lg1:before{background:rgba(47,127,208,.3);border:2px solid #1f6fc0}
.bi-player .rleg .lg2:before{background:rgba(201,208,216,.42);border:1px solid #b3bcc6}
.bi-player .panel.prof{margin-bottom:2px}
.bi-player .cohort{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.bi-player .cohort .co{display:inline-flex;align-items:baseline;gap:3px;border:1px solid #dde3ea;
 border-radius:3px;padding:2px 6px;font-size:12.5px;background:#fff}
.bi-player .cohort .co.mine{background:#f2f5f9;border-color:#a9c0d8}
.bi-player .cohort .co i.tm{font-style:normal;font-size:10px;font-weight:700;line-height:1;
  padding:2px 3px;border-radius:2px;min-width:13px;text-align:center;display:inline-block}
.bi-player .cohort .co a{text-decoration:none}
.bi-player details.fold{margin-top:22px;border:1px solid #dde3ea;border-radius:3px}
.bi-player details.fold>summary{cursor:pointer;padding:8px 10px;background:#f2f5f9;
 font-size:14px;font-weight:600;list-style:none;display:flex;align-items:baseline;gap:8px}
.bi-player details.fold>summary::-webkit-details-marker{display:none}
.bi-player details.fold>summary::after{content:"＋";margin-left:auto;color:#17497a;font-weight:700}
.bi-player details.fold[open]>summary::after{content:"−"}
.bi-player details.fold>summary i{font-style:normal;font-size:11.5px;color:#777;font-weight:400}
.bi-player details.fold>.note,.bi-player details.fold>.cohort{padding:0 10px}
.bi-player details.fold>.cohort{padding-bottom:10px}
.bi-player .chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 6px}
.bi-player .chips .chip{font:inherit;font-size:12.5px;padding:4px 10px;border:1px solid #c5d2e0;
 background:#fff;color:#17497a;border-radius:999px;cursor:pointer}
.bi-player .chips .chip.on{background:#17497a;color:#fff;border-color:#17497a;font-weight:600}
/* チップは表の上にあるので、表の高さが変わってもチップは動かない */
.bi-player .cpane{display:none}
.bi-player .cpane.on{display:block}
.bi-player .cpane2{display:none}
.bi-player .cpane2.on{display:block}
.bi-player h2.wtog{display:flex;align-items:center;gap:8px}
.bi-player .chips.two{margin:0 0 0 auto;gap:4px}
.bi-player .chips.two .chip{font-size:11.5px;padding:2px 9px}