.player-top-nav { display:flex;align-items:center;gap:8px; }
.player-top-nav a { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap; }
.player-top-nav a .gc-icon { width:19px;height:19px; }
.player-top-nav a[aria-current="page"] { background:#25272a;color:#fffaf1; }
.player-top-nav a:hover { background:#e7e1d7;color:#25272a; }
.player-top-nav a[aria-current="page"]:hover { background:#36393d;color:#fffaf1; }
.player-top-nav a:focus-visible,.player-bottom-nav a:focus-visible { outline:3px solid #e42a31;outline-offset:3px; }
.player-bottom-nav { display:none; }
@media(max-width:760px) {
  .site-header .player-top-nav,.social-nav .player-top-nav { display:none; }
  body.has-player-navigation { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .player-bottom-nav { position:fixed;z-index:25;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid #ddd5c8;background:#f4f0e8;color:#35383c;box-shadow:0 -8px 25px #11141712; }
  .player-bottom-nav a { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:52px;border-radius:10px;color:inherit;text-decoration:none;font:600 11px/1.4 'IBM Plex Sans Thai',sans-serif;touch-action:manipulation; }
  .player-bottom-nav .gc-icon { width:23px;height:23px; }
  .player-bottom-nav a[aria-current="page"] { background:#25272a;color:#fffaf1; }
  :target { scroll-margin-block:22px 100px; }
}
@media(prefers-reduced-motion:reduce) { .player-top-nav a,.player-bottom-nav a { transition:none; } }