@font-face{font-family:IsaMenuPixel;src:url('assets/title/isa-menu-pixel.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* Title and ending share the same menu lettering, spacing and arcade cursor. */
#title .menu .menu-choice,#ending .menu-choice,.ending-choices .menu-choice{
  position:relative;display:grid;place-items:center;box-sizing:border-box;
  font:400 clamp(16px,3.4cqw,26px)/1.125 IsaMenuPixel,monospace;
  letter-spacing:3px;text-shadow:2px 2px #0a1420;color:#fff;
  background:transparent;border:0;box-shadow:none;text-decoration:none;
  padding:8px 12px;margin:0;min-width:0;min-height:44px;cursor:pointer;
}
#ending.ending-choices,.screen>.ending-choices{
  position:absolute;inset:0;width:100%;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-end;padding:0 4% 7%;gap:4px;
  background:transparent;backdrop-filter:none;pointer-events:none;box-sizing:border-box;
  animation:ending-menu-appear .8s ease both;
}
#ending.ending-choices[hidden],.ending-choices[hidden]{display:none}
.screen:has(>.ending-choices){container-type:inline-size}
#ending .menu-choice,.ending-choices .menu-choice{pointer-events:auto;min-height:clamp(26px,6cqw,44px);padding:4px 12px}
#ending .menu-choice:hover,#ending .menu-choice:focus-visible,.ending-choices .menu-choice:hover,.ending-choices .menu-choice:focus-visible{background:transparent;color:#fff;outline:none}
.ending-choices .menu-choice::before{
  content:"";position:absolute;right:calc(100% - 4px);top:50%;transform:translateY(-50%);
  width:clamp(8px,1.6cqw,12px);aspect-ratio:4/7;background:#fff;opacity:0;
  clip-path:polygon(0 0,25% 0,25% 14.286%,50% 14.286%,50% 28.571%,75% 28.571%,75% 42.857%,100% 42.857%,100% 57.143%,75% 57.143%,75% 71.429%,50% 71.429%,50% 85.714%,25% 85.714%,25% 100%,0 100%);
  pointer-events:none;
}
.ending-choices .menu-choice:hover::before,.ending-choices .menu-choice:focus-visible::before,.ending-choices:not(:has(.menu-choice:hover,.menu-choice:focus-visible)) .menu-choice:first-child::before{animation:ending-menu-cursor 1.1s step-end infinite}
@keyframes ending-menu-cursor{0%,100%{opacity:1}55%{opacity:0}}
@keyframes ending-menu-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#ending.ending-choices,.screen>.ending-choices{animation:none}.ending-choices .menu-choice::before{animation:none!important}.ending-choices .menu-choice:hover::before,.ending-choices .menu-choice:focus-visible::before,.ending-choices:not(:has(.menu-choice:hover,.menu-choice:focus-visible)) .menu-choice:first-child::before{opacity:1}}