/* One open introduction, with the changing wordmark as the main identity. */
.nav{height:64px;min-height:64px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;border:0;box-shadow:none;background-color:#edf8ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M14 9h4v5h5v4h-5v5h-4v-5H9v-4h5z' fill='%23c5e5f7' fill-opacity='.42'/%3E%3C/svg%3E");background-size:32px 32px}
.maker-link{justify-self:start;display:inline-flex;align-items:center;gap:5px;min-height:44px;color:#56718c;font-size:13px;text-decoration:none;white-space:nowrap}
.maker-link strong{font-weight:600;color:#3d5677}
.nav nav{display:flex;gap:26px;justify-content:center}
.nav nav a{font-size:15px;font-weight:500;color:#466381}
.nav-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}
.player-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.4px;color:#46694c;white-space:nowrap}
.player-status i{width:6px;height:6px;background:#72b953;box-shadow:0 0 0 1px #568c41}
.sound-toggle{min-height:44px;padding:6px 0;background:none;border:0;box-shadow:none;color:#56718c;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.sound-toggle[aria-pressed=false]{color:#718195}
.sound-toggle:hover{color:#a43c73}
.nav .connect{font-size:11px;min-height:36px;padding:7px 10px;box-shadow:inset 1px 1px #edffdb,1px 1px #52783d}
.stats{background:transparent;border:0;box-shadow:none;padding:16px 16px 20px}
.stats>div+div::before{height:26px;background:#c1dcec}
.stats>div>span{color:#60758b;font-size:11px}
.stats strong{font-size:24px;color:#344b70}
@media(max-width:1050px){.nav{gap:16px}.nav nav{gap:18px}.nav-tools{gap:12px}}
@media(max-width:760px){
 .nav{height:auto;min-height:96px;grid-template-columns:1fr auto;grid-template-rows:44px 44px;gap:0 12px;padding:4px 16px;background-position:0 0}
 .maker-link{grid-column:1;grid-row:1;font-size:12px}
 .nav-tools{grid-column:2;grid-row:1;gap:14px}
 .nav nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;justify-content:space-between;gap:12px}
 .nav nav a{font-size:14px;min-height:44px}
 .player-status{font-size:10px;gap:6px}.sound-toggle{font-size:10px}
 .nav .connect{font-size:10px;min-height:32px;padding:6px 8px}
 .stats{padding:14px 0 18px}.stats strong{font-size:22px}
}