/* Reversible phone polish. No selectors target the live monitor interiors. */
@media (max-width: 760px) {
  .mobile-ready .topbar {
    border-bottom-color: #ffffff14;
    box-shadow: 0 8px 28px #00000028;
  }
  .mobile-ready .topbar__brand .wordmark { font-size: 15px; }
  .mobile-ready .topbar.mobile-open { background: #0d141b; }
  .mobile-ready .mobile-open .topbar__tabs {
    grid-template-columns: minmax(0, 1fr);
    gap: 0; margin: 8px 0;
  }
  .mobile-ready .topbar .tab {
    --menu-icon: url('/assets/mobile-polish-20260904/log-in.svg');
    display: flex; gap: 14px; min-height: 48px; padding: 10px 12px;
    border: 0; border-bottom: 1px solid #ffffff0c; border-radius: 8px;
    background: transparent; color: #d4dee7;
    font: 600 12px/20px Inter, sans-serif; letter-spacing: 0;
    clip-path: none; transition: background .16s, color .16s;
  }
  .mobile-ready .topbar .tab:nth-child(2) { --menu-icon: url('/assets/mobile-polish-20260904/gift.svg'); color: #c7b4ff; }
  .mobile-ready .topbar .tab:nth-child(3) { --menu-icon: url('/assets/mobile-polish-20260904/spade.svg'); color: #ebc97c; }
  .mobile-ready .topbar .tab:nth-child(4) { --menu-icon: url('/assets/mobile-polish-20260904/layout-dashboard.svg'); color: #9edcf2; }
  .mobile-ready .topbar .tab:nth-child(5) { --menu-icon: url('/assets/mobile-polish-20260904/monitor.svg'); }
  .mobile-ready .topbar .tab:nth-child(6) { --menu-icon: url('/assets/mobile-polish-20260904/smartphone.svg'); color: #9de4bd; }
  .mobile-ready .topbar .tab::before,
  .mobile-ready .topbar .tab::after {
    content: ''; position: static; display: block; flex: 0 0 20px;
    width: 20px; height: 20px; opacity: 1; border: 0; box-shadow: none;
    transform: none; background: currentColor;
    mask: var(--menu-icon) center / contain no-repeat;
  }
  .mobile-ready .topbar .tab::after {
    flex-basis: 16px; width: 16px; height: 16px; margin-left: auto; opacity: .4;
    mask-image: url('/assets/mobile-polish-20260904/chevron-right.svg');
  }
  .mobile-ready .topbar .tab:is(:hover, :active) { background: #ffffff09; }
  .mobile-ready .mobile-open .topbar__right { gap: 10px; padding-top: 14px; }
  .mobile-ready .topbar .langswitch { background: #ffffff05; border-color: #ffffff16; border-radius: 10px; }
  .mobile-ready .topbar__right .topbar__discord { border-radius: 10px; background: #ffffff05; border-color: #ffffff16; }
  .mobile-ready .hero {
    min-height: min(680px, 88svh); height: auto; padding-top: 74px;
  }
  .mobile-ready .hero__center { padding-bottom: 52px; }
  .mobile-ready .hero__headline { font-size: 34px; line-height: 1.14; letter-spacing: 0; }
  .mobile-ready .hero__sub { font-size: 14px; line-height: 1.7; margin-top: 18px; }
  .mobile-ready .hero__scrollcue { display: none; }
  .mobile-ready #servers .section-label { opacity: 1; transform: none; }
  .mobile-ready .hero__ctas { gap: 10px; }
  .mobile-ready .hero__ctas .cta {
    width: 100%; min-width: 0; min-height: 50px; justify-content: center;
    color: #edf3f8; font: 600 13px/20px Inter, sans-serif; letter-spacing: 0;
    border-color: color-mix(in srgb, var(--node-accent, #8bdfea) 46%, transparent);
    background: color-mix(in srgb, var(--node-accent, #8bdfea) 10%, #0b131be8);
    box-shadow: inset 0 1px 0 #ffffff08; text-shadow: none;
  }
  .mobile-ready .hero__discord {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 46px; margin-top: 12px; padding: 8px 14px;
    font: 500 12px/20px Inter, sans-serif; letter-spacing: 0; color: #b5c2d0;
  }
  .mobile-ready :is(.node__ctas, .ipline, .term__actions, .term__body, .appdl__ctas, .comms__panel) :is(.cta, .copybtn) {
    min-height: 46px; border-radius: 10px; clip-path: none;
    font: 600 12px/20px Inter, sans-serif; letter-spacing: 0;
    white-space: normal; text-align: center;
  }
  .mobile-ready :is(.hero__ctas, .node__ctas, .ipline, .term__actions, .term__body, .appdl__ctas, .comms__panel) :is(.cta, .copybtn) {
    transition: background .16s, border-color .16s, box-shadow .16s, transform .16s;
  }
  .mobile-ready :is(.hero__ctas, .node__ctas, .ipline, .term__actions, .term__body, .appdl__ctas, .comms__panel) :is(.cta, .copybtn):active {
    transform: translateY(1px); filter: none;
    background: color-mix(in srgb, var(--node-accent, #8bdfea) 16%, #0b131b);
    box-shadow: inset 0 1px 4px #00000025;
  }
  .mobile-ready .term__tab {
    padding: 13px 16px; font: 600 12px/20px Inter, sans-serif; letter-spacing: 0;
    border-left: 2px solid transparent; border-bottom: 0;
  }
  .mobile-ready .term__tab.is-active {
    border-left-color: var(--term-accent); color: #edf3f8;
    background: color-mix(in srgb, var(--term-accent) 10%, transparent);
  }
  .mobile-ready .appdl__head { font-size: 24px; line-height: 1.25; letter-spacing: 0; }
  .mobile-ready .appdl__sub { font-size: 14px; line-height: 1.7; }
  .mobile-ready .appdl__meta { font: 500 11px/18px Inter, sans-serif; letter-spacing: 0; }
  .mobile-ready .appdl__ctas { gap: 10px; }
}
@media (max-width: 360px) {
  .mobile-ready .hero__headline { font-size: 28px; }
  .mobile-ready .hero__center { padding-inline: 22px; }
  .mobile-ready .mobile-open .topbar__right { display: grid; grid-template-columns: auto minmax(0, 1fr); }
  .mobile-ready #navLogout { grid-column: 1 / -1; }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .mobile-ready :is(.cta, .copybtn, .tab) { transition: none !important; }
  .mobile-ready :is(.cta, .copybtn, .tab):active { transform: none !important; }
}