/* One identical top bar on every page, so it doesn't jump around when you switch pages */
html{scrollbar-gutter:stable}
.s0nav{position:sticky;top:0;z-index:40;background:#0a0a0be8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #1f1f23}
.s0nav .s0in{max-width:1200px;margin:0 auto;padding:0 22px;height:62px;display:flex;align-items:center;gap:6px}
.s0brand{position:relative;flex:none;display:flex;align-items:center;height:62px;padding-left:98px;margin-right:16px;text-decoration:none;font:italic 900 22px/1 "Exo 2",sans-serif;letter-spacing:1px;color:#e3262f}
.s0brand img{position:absolute;left:0;top:4px;width:86px;height:86px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.75));transition:transform .2s}
.s0brand:hover img{transform:scale(1.05) rotate(-2deg)}
.s0links{display:flex;gap:2px;flex:none}
.s0links a{text-decoration:none;color:#9a9ba3;font:600 15px/1.2 Inter,system-ui,sans-serif;padding:9px 12px;border-radius:8px;white-space:nowrap}
.s0links a:hover,.s0links a.on{color:#ececee;background:#1b1b1e}
.s0right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
@media(max-width:900px){
  .s0brand{padding-left:64px;margin-right:6px}.s0brand img{width:58px;height:58px;top:6px}.s0brand span{display:none}
  .s0links{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.s0links::-webkit-scrollbar{display:none}
  .s0links a{padding:7px 9px;font-size:13.5px}
}
/* who's logged in (only shown to logged-in people) */
.s0online{display:inline-flex;align-items:center;gap:7px;max-width:340px;padding:5px 11px;border-radius:999px;background:#12261a;border:1px solid #2c5a3c;color:#b9f0cc;font:600 12.5px/1.2 Inter,system-ui,sans-serif;cursor:default;white-space:nowrap;overflow:hidden}
.s0online[hidden]{display:none}
.s0online i{flex:none;width:8px;height:8px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 8px #3ecf8e}
.s0online .s0on-n{display:none}
.s0online .s0on-l{overflow:hidden;text-overflow:ellipsis}
.s0online b{font-weight:600}.s0online b+b::before{content:" · ";color:#5f9c76}.s0online b.me{color:#fff}
@media(max-width:1100px){.s0online .s0on-l{display:none}.s0online .s0on-n{display:inline}}
/* sub-tabs inside a section (e.g. Subathon: Goals / Dodgeball) */
.subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px;padding:5px;border-radius:12px;background:#141416;border:1px solid #2b2b30;width:max-content;max-width:100%}
.subnav a{text-decoration:none;color:#9a9ba3;font:700 14px/1.2 Inter,system-ui,sans-serif;padding:9px 16px;border-radius:8px;white-space:nowrap}
.subnav a:hover{color:#ececee;background:#1b1b1e}
.subnav a.on{color:#fff;background:linear-gradient(180deg,#e3262f,#9e1a20)}
/* Subathon: the Control room tab (streamer & mods only) comes first and stands out */
.subnav .crtab{display:none;align-items:center;gap:8px;color:#fff;border:1px solid #e3262f;background:#e3262f1f;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:900}
.subnav .crtab i{width:8px;height:8px;border-radius:50%;background:#ff3b44;box-shadow:0 0 8px #ff3b44;animation:crtabBlink 1.4s ease-in-out infinite}
.subnav .crtab:hover{background:#e3262f40;color:#fff}
.subnav .crtab.on{background:linear-gradient(180deg,#ff3b44,#b3141c);border-color:#ff6a70;box-shadow:0 0 16px #e3262f88}
.subnav .crtab.on i{background:#fff;box-shadow:0 0 8px #fff}
body.admin .subnav .crtab,html.s0adm .subnav .crtab{display:inline-flex}
@keyframes crtabBlink{50%{opacity:.25}}
/* subathon countdown tiles */
.s0cd{display:flex;gap:12px;flex-wrap:wrap}
.s0cd .u{min-width:92px;padding:14px 10px 10px;border-radius:14px;background:#0d0d0f;border:1px solid #5a1a1e;text-align:center;box-shadow:0 8px 30px #0006 inset}
.s0cd .u b{display:block;font:italic 900 46px/1 "Exo 2",sans-serif;color:#fff;text-shadow:0 4px 18px #e3262f66;font-variant-numeric:tabular-nums}
.s0cd .u small{display:block;margin-top:6px;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#9a9ba3}
.s0cdw{margin-top:12px;color:#d9d9de;font:600 14px/1.5 Inter,system-ui,sans-serif}
.s0cdw span{color:#9a9ba3;font-weight:500}
@media(max-width:520px){.s0cd{gap:8px}.s0cd .u{min-width:0;flex:1}.s0cd .u b{font-size:32px}}
/* shown inside the Subathon control room hub (?embed=1): just the page content, a little more compact */
html.embed{scrollbar-gutter:auto}
html.embed body{min-height:0!important;background:transparent!important}
html.embed .s0nav,html.embed footer,html.embed .pagehead,html.embed #subNav,html.embed .s0online{display:none!important}
html.embed .wrap{max-width:none;padding:0 2px}
html.embed .tgbar{padding:4px 2px 2px;max-width:none}
html.embed main{padding:12px 2px 6px;max-width:none}