/* clickfix.css — shared lobby click layer */
.ca-card{cursor:pointer}
.ca-card.ca-pos{isolation:isolate}
.ca-card.ca-pos > .ca-hit{position:absolute;inset:0;z-index:5;display:block;border-radius:inherit;background:transparent}
.ca-card.ca-pos .ca-stretch::after{content:"";position:absolute;inset:0;z-index:5}
.ca-hit:focus-visible{outline:3px solid #ffd54a;outline-offset:2px}
[data-ca-tab]{scroll-margin-top:90px}

/* header-fit (2026-11-15 01:56 JST): never truncate the brand keyword in the header.
   Previous rule used text-overflow:ellipsis on the wordmark (popzoetop showed "POPZ…"),
   which hid the site name. At <=420px: shrink the wordmark font (min 15px) and logo gaps,
   then hide the header CTA text (the sticky CTA covers mobile), then allow the wordmark
   to wrap to 2 lines. The hamburger stays fully visible. No ellipsis on the wordmark. */
@media (max-width:480px){
  [data-hf=head]{min-width:0;max-width:100vw;gap:8px;column-gap:8px}
  [data-hf=brand]{min-width:0;flex-shrink:1;overflow:visible;gap:6px;column-gap:6px}
  [data-hf=brand] > :not(img):not(svg):not(picture){min-width:0;flex-shrink:1;overflow:visible}
  [data-hf=brand] :is(strong,b,em,span,small){text-overflow:clip;overflow:visible;max-width:100%}
  [data-hf=keep],[data-hf=menu]{flex-shrink:0}
  [data-hf=cta]{min-width:0;flex-shrink:1;max-width:34vw}
}
@media (max-width:420px){
  [data-hf=head]{min-width:0;max-width:100vw;height:auto;min-height:56px;gap:6px;column-gap:6px}
  [data-hf=brand]{min-width:0;flex:1 1 auto;gap:4px;column-gap:4px;overflow:visible}
  [data-hf=brand] > :not(img):not(svg):not(picture){min-width:0;overflow:visible;flex-shrink:1}
  [data-hf=head] [data-hf=brand] :is(strong,b){font-size:15px;line-height:1.15;white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  [data-hf=head] [data-hf=brand] :is(em,span,small){text-overflow:clip;white-space:normal;overflow:visible;max-width:100%;overflow-wrap:anywhere}
  [data-hf=keep],[data-hf=menu]{flex-shrink:0}
  [data-hf=head] [data-hf=cta]{display:none} /* sticky CTA covers mobile */
}