/* SEASON 0 IN THE BAR (6 Oct 2026, Victor: "a beautiful sexy Season 0 SVG that lives in navbar, a little bit cheeky, moving
   around reminding people that Season 0 is coming"). A glass pill to the left of the account: a zero drawn in the five
   innovators' colours, slowly turning, with the gold crescent in orbit round it; beside it the count to 15 October.
   Every twenty seconds it gives a small wink (a tilt, the crescent hops, the line changes). It sits out of the bar's
   flow (absolute, left of .bar-r) so nothing else in the bar moves when it arrives. Script: s0chip.js. */
/* 6 Oct, Victor: "this must be a circle ... and it must not overlap any other navbar items": the zero alone in a round
   glass coin, in the bar's own flow (first in .bar-r), so the bar makes room for it instead of covering anything. The
   count rides on a small tab; the words open in a card under the bar on hover or focus. */
.s0c{position:relative;flex:none;display:grid;place-items:center;width:42px;height:42px;margin-right:4px;border-radius:50%;
  text-decoration:none;color:#f2efe8;isolation:isolate;transform:rotate(var(--r,0deg)) translateY(var(--y,0));
  background:radial-gradient(circle at 35% 30%,rgba(150,80,225,.22),rgba(47,120,255,.08) 55%,rgba(14,16,28,.6));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 8px 22px -10px rgba(0,0,0,.6);
  backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);
  opacity:0;transition:opacity .8s ease,box-shadow .35s,transform .5s cubic-bezier(.3,1.6,.5,1)}
.s0c.on{opacity:1}
/* the rim in the five colours, lit on hover */
.s0c::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;opacity:.45;transition:opacity .35s;
  background:conic-gradient(from 200deg,rgb(245,206,52),rgb(255,92,34),rgb(150,80,225),rgb(47,120,255),rgb(46,200,110),rgb(245,206,52));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.s0c:hover::before,.s0c:focus-visible::before{opacity:1}
.s0c:hover,.s0c:focus-visible{--y:-1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 12px 28px -10px rgba(0,0,0,.7),0 0 26px -6px rgba(150,80,225,.6)}
.s0c:focus-visible{outline:none}
.s0-svg{width:34px;height:34px;flex:none;overflow:visible}
/* the words: a small glass card under the bar, never over it */
.s0-txt{position:absolute;top:calc(100% + 12px);left:50%;z-index:30;display:grid;gap:4px;padding:11px 14px 12px;border-radius:14px;line-height:1;
  white-space:nowrap;pointer-events:none;background:rgba(14,17,30,.94);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 18px 34px -12px rgba(0,0,0,.7);
  opacity:0;transform:translate(-50%,-4px);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.s0c:hover .s0-txt,.s0c:focus-visible .s0-txt{opacity:1;transform:translate(-50%,0);transition-delay:.12s}
.s0-k{font:500 9px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,239,232,.6)}
.s0-k b{font-weight:600;color:#f2efe8}
.s0-l{position:relative;height:15px;min-width:118px;overflow:hidden}
.s0-l span{position:absolute;left:0;top:0;font:700 13.5px/15px "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.005em;color:#fff;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}
.s0-l span.out{transform:translateY(-110%);opacity:0}
.s0-l span.wait{transform:translateY(110%);opacity:0;transition:none}
/* the wink: a tilt, back with a little overshoot */
.s0c.wink{--r:-8deg}
.s0c.wink .s0-moon{animation:s0hop .9s cubic-bezier(.3,1.7,.5,1)}
@keyframes s0hop{0%{transform:scale(1)}35%{transform:scale(1.45)}100%{transform:scale(1)}}
.s0-moon{transform-box:fill-box;transform-origin:center}
.s0-n{position:absolute;right:-6px;bottom:-5px;padding:2px 5px;border-radius:999px;background:#14182c;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font:600 9px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.04em;color:#f2efe8}
@media (max-width:760px){.s0c{width:40px;height:40px}.s0-txt{display:none}}
@media (prefers-reduced-motion:reduce){.s0c{transition:opacity .3s}.s0c.wink{--r:0deg}.s0c.wink .s0-moon{animation:none}.s0-l span{transition:none}}