/* 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: auto;
    max-width: 100%;
    margin-left: 16px;
    margin-right: 16px; /* symmetric gutters; float-line overlays at right edge */
    box-sizing: border-box;
  }
  .mobile-ui-ready main a.btn[href^="mailto:"] {
    white-space: nowrap;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 100%;
  }
  .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; }
}