/* Loaded only by the shared mobile UI; 1D Game keeps its existing assets. */
@media (max-width: 1100px) {
  .mobile-ui-ready .site-nav .nav-more > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .mobile-ui-ready .nav-more > summary::after {
    content: "";
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    margin-right: 4px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .18s ease;
  }
  .mobile-ui-ready .nav-more[open] > summary::after { transform: rotate(225deg); }
  .mobile-ui-ready .site-nav .nav-more:not([open]) .nav-sub { display: none; }
}
@media (max-width: 768px) {
  /* A permanent right gutter keeps text clear even while LINE is visible.
     It never depends on the observer class, so hiding cannot change layout. */
  .mobile-ui-ready:not(.contact-page) main .wrap {
    width: calc(100% - 80px);
    margin-left: 16px;
    margin-right: 64px;
  }
  .mobile-ui-ready .float-line {
    width: 44px;
    height: 44px;
    right: 4px;
    transition: opacity .18s ease, visibility 0s linear .18s;
  }
  .mobile-ui-ready.line-mobile-dodge .float-line {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility 0s linear .18s;
  }
  .mobile-ui-ready .acc-peek span {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}
.signup-payment { margin-block: 16px; }
@media (prefers-reduced-motion: reduce) {
  .mobile-ui-ready .float-line,
  .mobile-ui-ready .nav-more > summary::after { transition: none; }
}