.ri-a-cb{position:fixed;left:0;right:0;z-index:9100;
  bottom:calc(var(--ri-bnav-h,0px) + env(safe-area-inset-bottom,0px));
  background:#000000;color:#fff;border-top:1px solid rgba(255,255,255,.1);
  box-shadow:0 -10px 30px -18px rgba(0,0,0,.6);
  /* 🚨 숨을 때는 «화면 밖으로 완전히» 내려가야 한다.
        translateY(100%) 만 주면 자기 높이만큼만 내려간다. 그런데 이 띠는
        폰에서 아래 길잡이 바 «위»에 붙어 있어(bottom: --ri-bnav-h),
        100% 만 내려가면 딱 그 길잡이 바를 덮고 앉는다(2026-09-24 실측 : 폰에서 겹침).
        그래서 길잡이 바 높이만큼 더 내리고, 숨은 동안에는 클릭도 안 먹게 한다. */
  transform:translateY(calc(100% + var(--ri-bnav-h,0px) + env(safe-area-inset-bottom,0px) + 4px));
  pointer-events:none;
  transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ri-a-cb.is-in{transform:none;pointer-events:auto}
.ri-a-cb__in{max-width:1248px;margin:0 auto;padding:9px 20px;
  display:flex;align-items:center;gap:0}
.ri-a-cb__i{display:flex;align-items:center;gap:9px;padding:6px 18px;position:relative;flex:1 1 0;min-width:0;
  color:inherit;text-decoration:none;background:none;border:0;text-align:left;font:inherit;cursor:pointer;
  border-radius:10px}
.ri-a-cb__i:hover,.ri-a-cb__i:focus-visible{background:rgba(255,255,255,.07);opacity:1}
.ri-a-cb__i:hover .ri-a-cb__ic,.ri-a-cb__i:focus-visible .ri-a-cb__ic{color:#fff}
.ri-a-cb__i:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ri-a-cb__i+.ri-a-cb__i::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;
  background:rgba(255,255,255,.14)}
.ri-a-cb__ic{flex:0 0 auto;width:24px;height:24px;color:#fff}
.ri-a-cb__ic svg{width:100%;height:100%;display:block}
.ri-a-cb__tx{min-width:0}
.ri-a-cb__n{font-family:var(--ri-font-num,'Oxanium',monospace);font-size:20px;font-weight:800;
  line-height:1.05;letter-spacing:-.015em;font-variant-numeric:tabular-nums;white-space:nowrap;display:block}
.ri-a-cb__n em{font-style:normal;font-size:12px;font-weight:700;margin-left:3px;opacity:.75}
.ri-a-cb__l{display:block;margin-top:2px;font-size:11px;font-weight:700;
  color:#ffffff;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 차례를 «기다리는» 칸은 흐리게 — 0 이 또렷하게 떠 있으면 「자료가 없다」로 읽힌다.
   실측 : 마지막 칸이 4초 넘게 「0 개 국어」로 보였다(2026-09-24 캡처로 확인). */
.ri-a-cb__i{opacity:.34;transition:opacity .3s ease}
.ri-a-cb__i.is-now,.ri-a-cb__i.is-done{opacity:1}
/* 지금 세고 있는 칸은 살짝 밝아진다 — 눈이 따라간다 */
.ri-a-cb__i.is-now .ri-a-cb__ic{color:#fff}
.ri-a-cb__i.is-now .ri-a-cb__n{text-shadow:0 0 18px rgba(127,180,255,.45)}

/* 대회 등록 단추 — 새 창 */
.ri-a-cb__go{flex:0 0 auto;margin-left:14px;display:inline-flex;align-items:center;gap:7px;
  background:#fff;color:#000;text-decoration:none;font-size:13px;font-weight:800;
  padding:10px 16px;border-radius:999px;white-space:nowrap;
  transition:background .16s ease,transform .16s ease}
.ri-a-cb__go:hover,.ri-a-cb__go:focus-visible{background:#e6e6e6;transform:translateY(-2px);color:#000}
.ri-a-cb__go svg{width:16px;height:16px}
.ri-a-cb__go .ri-a-cb__free{background:rgba(255,255,255,.2);font-size:11px;font-weight:800;
  padding:2px 6px;border-radius:999px;letter-spacing:-.02em}
.ri-a-cb__x{flex:0 0 auto;margin-left:10px;width:26px;height:26px;border:0;border-radius:999px;
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);cursor:pointer;
  font-size:13px;line-height:1;padding:0}
.ri-a-cb__x:hover{background:#ffffff;color:#000}
/* 접었을 때 — 작은 손잡이만 남는다 */
.ri-a-cb.is-off{left:auto;right:12px;border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.12);border-bottom:0}
.ri-a-cb.is-off .ri-a-cb__in{padding:6px 10px}
.ri-a-cb.is-off .ri-a-cb__i,.ri-a-cb.is-off .ri-a-cb__go{display:none}
.ri-a-cb.is-off .ri-a-cb__x{width:auto;padding:3px 10px;font-size:11.5px;font-weight:700;color:#fff;margin:0}

@media (max-width:1000px){
  .ri-a-cb__in{padding:8px 12px}
  .ri-a-cb__i{padding:0 10px;gap:7px}
  .ri-a-cb__ic{width:20px;height:20px}
  .ri-a-cb__n{font-size:17px}
  .ri-a-cb__n em{font-size:11px}
  .ri-a-cb__l{font-size:11px}
  .ri-a-cb__go{padding:8px 12px;font-size:12px;margin-left:8px}
  /* 좁으면 뒤의 두 가지는 접는다 — 다 보여 주려다 글자가 뭉개지면 안 된다 */
  .ri-a-cb__i:nth-child(n+3){display:none}
}
/* 🚨 폰에서는 숫자판을 통째로 내린다 (사장님 2026-09-25 :
      「모바일에서는 등록된 대회 1005~ 이런 내용 안 보이게 해, 밑에와 겹치는 거 같어」)
   아래 길잡이 바(.ri-a-bn)가 820px 이하에서 뜬다. 숫자판이 그 위에 한 층 더 앉으면
   폰 화면 아래 100px 가까이를 두 띠가 먹는다. 좁은 화면에서는 층을 줄이는 쪽이 맞다.
   🔵 숫자는 없어지지 않는다 — 사이트맵·소개 지면에 그대로 있다.
   🔵 여백은 안 건드려도 된다 : 자리 계산이 «띠 높이 + 길잡이바 높이» 인데
      숨기면 띠 높이가 0 이 되어 길잡이바 몫만 남는다(실측으로 확인할 것). */
@media (max-width:820px){
  .ri-a-cb,.ri-a-cb.is-in,.ri-a-cb.is-out{display:none !important}
}
@media (max-width:560px){
  .ri-a-cb__i:nth-child(n+2){display:none}
  /* 🚨 좁아질 때 숨길 것은 «무료 딱지»지 «대회 등록»이 아니다.
        처음에 글자를 숨겼더니 단추가 「+ 무료 ↗」 로만 보여 무슨 단추인지 알 수 없었다
        (2026-09-24 캡처로 확인). 뜻을 담은 글자는 마지막까지 남긴다. */
  .ri-a-cb__go .ri-a-cb__free{display:none}
  .ri-a-cb__go{padding:9px 13px;font-size:12px;gap:5px}
  .ri-a-cb__go svg{width:14px;height:14px}
}
@media (prefers-reduced-motion:reduce){
  .ri-a-cb{transition:none;transform:none}
  .ri-a-cb__go:hover{transform:none}
}
/* 읽는 기계에만 들리는 글 — 화면에는 안 보인다.
   🚨 테마의 .ri-sr 에 기대지 않고 내 이름으로 직접 정의한다.
      남의 클래스 이름에 기대면 그 이름이 바뀌는 순간 「(새 창)」이 화면에 그대로 뜬다. */
.ri-a-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* 🚨 아래 구석에 떠 있는 것이 넷이다 — 내 띠 · 폰 길잡이 바(A) · 대회등록 알약(B) · 빠른메뉴(A).
      제각각 bottom 을 박으면 반드시 겹친다(실측 : 폰 390px 에서 알약이 내 띠 «위에» 얹혔다).
      그래서 «맨 아래인 내 띠»가 자기 높이를 --ri-cb-h 로 내보내고,
      나머지는 그 값을 더해서 자리를 잡는다. 한 곳만 고치면 전부 따라온다.
      남의 것(B 님 알약)을 숨기지 않고 «올려»만 준다 — 되돌리기도 이 한 줄이다. */
.riwc-reg{bottom:calc(var(--ri-bnav-h,0px) + var(--ri-cb-h,0px) + 12px) !important}
@media print{.ri-a-cb{display:none}}