/* 「POG ／ レース対戦」の切りかえ（POGの各競技のヘッダーと、レース対戦の遊び方の画面で共通）。
   今いる側を塗り、もう片方は同じ競技の反対側の画面へのリンク。 */
.pl-switch{display:inline-flex;flex:none;align-items:center;gap:2px;padding:3px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-family:inherit;line-height:1}
.pl-switch a,.pl-switch span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border-radius:99px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.pl-switch .on{background:#fff;color:#1f2e33}
.pl-switch a:not(.on):hover{background:rgba(255,255,255,.18)}
.pl-switch a:focus-visible{outline:3px solid #e8c45a;outline-offset:1px}
/* 明るい面の上（レース対戦の遊び方の画面のカードの中） */
.pl-switch.light{background:#eef2ef;border-color:rgba(0,0,0,.08)}
.pl-switch.light a,.pl-switch.light span{color:#1f2e33}
.pl-switch.light .on{background:#1f3b2c;color:#fff}
.pl-switch.light a:not(.on):hover{background:rgba(0,0,0,.06)}
/* 遊び方の画面の行（説明＋切りかえ） */
.pl-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:0 0 8px;font-size:12px;font-weight:700;color:#4a5a55}
.pl-row .pl-switch{margin-left:auto}
@media (max-width:420px){.pl-switch a,.pl-switch span{min-height:30px;padding:0 8px;font-size:12px}}
/* 競馬のPOG（keiba.html）：スマホでは見出しのシーズン表示を隠して、切りかえとログインを並べる */
@media (max-width:420px){.topbar-inner:has(#sportsLink) .brand small{display:none}}