/* Joint refinement: navigation and mobile tools share one compact, readable shell. */
html { scroll-padding-top: var(--nq-header-offset, 112px); }
.destinations, #private, #character-studio { scroll-margin-top: var(--nq-header-offset, 112px); }
.nq-section-label { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
.nq-skip-link { position:fixed!important; top:12px!important; left:16px!important; z-index:10000!important; padding:12px 18px; border-radius:14px; background:#eef4ff; color:#233c65; font-weight:700; transform:translateY(-160%); }
.nq-skip-link:focus { transform:none; outline:3px solid #4872be; outline-offset:3px; }
.nq-nav-toggle, #nq-mobile-tools { display:none; }
#nq-mobile-tools[hidden] { display:none!important; }
@media (min-width:1101px) {
  html body.motion-site .shell > header.header.nq-nav-ready:is(.is-scrolled,:not(.is-scrolled)) { max-width:calc(100% - 24px)!important; }
}
@media (max-width:1100px) {
  /* A failed or unavailable script must not remove the small-screen destinations. */
  html body.motion-site .shell > header.header:not(.nq-nav-ready) {
    display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; height:auto!important; min-height:64px!important; gap:8px!important;
  }
  html body.motion-site .header:not(.nq-nav-ready) > .header-nav {
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-column:1/-1!important; width:100%!important; gap:5px!important; padding:8px 0!important; margin:0!important;
  }
  html body.motion-site .header:not(.nq-nav-ready) .header-nav > a {
    display:flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; height:auto!important; min-width:0!important; padding:8px 4px!important; font-size:14px!important; line-height:1.4!important; transform:none!important;
  }
  html body.motion-site .header:not(.nq-nav-ready) .header-nav > a::before, html body.motion-site .header:not(.nq-nav-ready) .header-nav > a::after { display:none!important; }
  html body.motion-site .shell > header.header.nq-nav-ready:is(.is-scrolled,:not(.is-scrolled)) {
    display:grid!important; grid-template-columns:minmax(0,1fr) auto auto!important; align-items:center!important;
    gap:8px!important; min-height:64px!important; height:auto!important; padding:8px 12px!important;
    width:calc(100% - 24px)!important; max-width:none!important; top:10px!important; left:12px!important; right:12px!important;
    margin:0!important; transform:none!important; border:1px solid #ffffffa3!important; border-radius:23px!important;
    background:linear-gradient(115deg,#eef7ffe6,#f8f2ffe6)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important;
    box-shadow:0 8px 28px #23335c14!important; z-index:80!important;
  }
  html[data-theme='dark'] body.motion-site .shell > header.header.nq-nav-ready:is(.is-scrolled,:not(.is-scrolled)) {
    background:linear-gradient(115deg,#142138eb,#241e36eb)!important; border-color:#bccdf333!important; box-shadow:0 8px 28px #0003!important;
  }
  html body.motion-site.yu7-selected .shell > header.header.nq-nav-ready:is(.is-scrolled,:not(.is-scrolled)) { background:#11151cea!important; border-color:#f3a3a333!important; }
  html body.motion-site .header.nq-nav-ready > .brand { grid-column:1!important; grid-row:1!important; min-width:0; gap:8px!important; font-size:16px!important; line-height:1.2!important; }
  html body.motion-site .header.nq-nav-ready .brand-mark { width:32px!important; height:32px!important; font-size:24px!important; border-radius:10px!important; }
  html body.motion-site .header.nq-nav-ready .brand-sub { display:none!important; }
  html body.motion-site .header.nq-nav-ready > .header-tools { grid-column:2!important; grid-row:1!important; display:flex!important; flex:none!important; gap:0!important; padding:0!important; margin:0!important; }
  html body.motion-site .header.nq-nav-ready .header-tools > :is(.theme-toggle,.header-action,.nq-motion-switch) { width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; padding:0!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:none!important; border-radius:14px!important; }
  html body.motion-site .header.nq-nav-ready .header-tools :is([data-theme-label],.nq-motion-label,.nq-motion-indicator,.header-action > span) { display:none!important; }
  html body.motion-site .header.nq-nav-ready .header-tools svg { flex:none; }
  html body.motion-site .header.nq-nav-ready .nq-nav-toggle { grid-column:3; grid-row:1; display:flex; width:44px; height:44px; padding:11px; align-items:center; justify-content:center; color:#314c79; background:#b5caed20; border:1px solid #91add635; border-radius:14px; cursor:pointer; }
  .nq-nav-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
  .nq-nav-toggle[aria-expanded='true'] { background:#8baee638!important; }
  .nq-nav-toggle:focus-visible { outline:2px solid #6183c4; outline-offset:3px; }
  html body.motion-site .header.nq-nav-ready > .header-nav { display:none!important; }
  html body.motion-site .header.nq-nav-ready[data-nav-open='true'] > .header-nav { grid-column:1/-1!important; grid-row:2!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; width:100%!important; padding:8px 0 2px!important; margin:0!important; border-top:1px solid #7997c12b; }
  html body.motion-site .header.nq-nav-ready .header-nav > a { display:flex!important; align-items:center!important; justify-content:center!important; min-height:46px!important; height:auto!important; padding:8px 4px!important; min-width:0!important; font-size:14px!important; font-weight:600; line-height:1.4!important; border-radius:12px!important; background:transparent; transform:none!important; }
  html body.motion-site .header.nq-nav-ready .header-nav > a::before, html body.motion-site .header.nq-nav-ready .header-nav > a::after { display:none!important; }
  html body.motion-site .header.nq-nav-ready .header-nav > a[aria-current] { background:#819de622!important; box-shadow:none!important; }
  html[data-theme='dark'] body.motion-site .header.nq-nav-ready .nq-nav-toggle { color:#d5e3ff; border-color:#b7c9ef33; }
  html body.motion-site.yu7-selected .header.nq-nav-ready :is(.nq-nav-toggle,.header-nav > a) { color:#f0e6e6!important; }
  html body.motion-site.yu7-selected .header.nq-nav-ready .header-nav > a[aria-current] { background:#d047472e!important; }
  /* The automotive skin uses stronger !important rules than the ordinary header. */
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready {
    grid-template-columns:minmax(0,1fr) auto auto!important; inset:10px 12px auto!important; width:calc(100% - 24px)!important;
    min-height:64px!important; height:auto!important; padding:8px 12px!important; gap:8px!important; border:1px solid #f3a3a333!important; border-radius:23px!important;
    background:#11151cea!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important;
  }
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready > :is(.brand,.header-tools) { min-height:44px!important; transform:none!important; }
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready > .header-tools { gap:0!important; padding:0!important; }
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready > .header-tools > :is(.theme-toggle,.header-action,.nq-motion-switch) {
    width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important;
    padding:0!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:none!important; border-radius:14px!important;
  }
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready > .header-nav { min-height:0!important; padding:8px 0 2px!important; }
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready .header-nav > a {
    width:auto!important; max-width:none!important; min-height:46px!important; padding:8px 4px!important; font-size:14px!important; line-height:1.4!important; border-radius:12px!important;
  }
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready .header-nav > a::before { display:none!important; }
  html[data-theme] body.motion-site.yu7-selected .shell > header.header.nq-nav-ready .yu7-sky-nav-dial { display:none!important; }
}
@media (max-width:380px) { html body.motion-site .header.nq-nav-ready > .brand > span:last-child { display:none; } }
@media (max-width:900px) {
  html body.nq-mobile-tools-ready { padding-bottom:92px; }
  html body > #nq-mobile-tools { display:flex!important; position:fixed!important; top:auto!important; left:auto!important; right:max(14px,env(safe-area-inset-right))!important; bottom:calc(16px + env(safe-area-inset-bottom))!important; z-index:79!important; align-items:center; gap:7px; height:48px; min-width:86px; padding:0 14px; border:1px solid #a2bce15c; border-radius:18px; background:linear-gradient(120deg,#effaffef,#f1eaffed); color:#29486f; box-shadow:0 6px 20px #23335c20; font:650 14px/1.2 "Noto Sans SC",sans-serif; cursor:pointer; touch-action:manipulation; }
  #nq-mobile-tools svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
  #nq-mobile-tools:focus-visible { outline:2px solid #5982c4; outline-offset:4px; }
  html[data-theme='dark'] body > #nq-mobile-tools { color:#dceaff; border-color:#bccffb3d; background:linear-gradient(120deg,#1b3142f5,#2c2344f5); }
  html body.yu7-selected > #nq-mobile-tools { color:#f3e3e3; background:#171b23f2; border-color:#f3acac50; }
  html body.nq-mobile-tools-ready:not(.nq-mobile-tools-open) > #nq-companions.nq-companions > :is(.nq-companions__robot-group,.nq-companions__link,.nq-companions__form-toggle),
  html body.nq-mobile-tools-ready:not(.nq-mobile-tools-open) .home-pet-ui .pet-launcher { display:none!important; }
  html body.nq-mobile-tools-ready > #nq-companions.nq-companions { --nq-right:16px!important; --nq-bottom:86px!important; width:150px!important; flex-direction:row!important; align-items:flex-end!important; gap:12px!important; }
  html body.nq-mobile-tools-ready > #nq-companions .nq-companions__link { width:66px!important; min-height:70px!important; }
  html body.nq-mobile-tools-ready .home-pet-ui .pet-launcher { right:186px!important; bottom:calc(100px + env(safe-area-inset-bottom))!important; width:54px!important; height:54px!important; }
  html body.nq-mobile-tools-ready .pet-launcher-tooltip { top:calc(100% + 7px)!important; bottom:auto!important; right:50%!important; transform:translateX(50%)!important; opacity:1!important; visibility:visible!important; font-size:11px!important; }
  html body.nq-mobile-tools-open > #nq-mobile-tools { border-color:#658ec6; }
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion='paused']) body:not(:has(#motion-pause:checked)) :is(.nq-nav-toggle,#nq-mobile-tools) { transition:background-color 160ms ease-out, transform 160ms ease-out; }
  html:not([data-motion='paused']) body:not(:has(#motion-pause:checked)) :is(.nq-nav-toggle,#nq-mobile-tools):active { transform:scale(.96); }
}
html[data-motion='paused'] :is(.nq-nav-toggle,#nq-mobile-tools), body:has(#motion-pause:checked) :is(.nq-nav-toggle,#nq-mobile-tools) { transition:none!important; transform:none!important; }
@media (prefers-reduced-motion:reduce) { .nq-nav-toggle, #nq-mobile-tools { transition:none!important; transform:none!important; } }
@media (forced-colors:active) {
  html body > #nq-mobile-tools, html body.motion-site .shell > header.header.nq-nav-ready:is(.is-scrolled,:not(.is-scrolled)) { background:Canvas!important; color:CanvasText!important; border:1px solid ButtonText!important; }
}

/* Mobile home repair 20261015. Append AFTER the existing navigation.css. */
@media (max-width:1100px) {
  /* The legacy <=800px rule is sticky !important. These viewport anchors must
     be fixed too, or 100% is measured inside the padded .shell twice. */
  html body.motion-site.ambient-page .shell > header.header.nq-nav-ready:is(.is-scrolled,:not(.is-scrolled)) {
    position:fixed!important;
    top:calc(var(--nq-mobile-vv-top,0px) + max(8px,env(safe-area-inset-top)))!important;
    left:calc(var(--nq-mobile-vv-left,0px) + max(8px,env(safe-area-inset-left)))!important;
    right:calc(var(--nq-mobile-vv-right,0px) + max(8px,env(safe-area-inset-right)))!important;
    bottom:auto!important; width:auto!important; max-width:none!important; min-width:0!important;
    margin:0!important; padding:8px!important; box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) auto 44px!important; gap:4px!important;
    transform:none!important; overflow:visible!important;
  }
  html body.motion-site.ambient-page .header.nq-nav-ready > .brand {
    display:flex!important; min-width:0!important; min-height:44px!important; padding:0!important; margin:0!important;
    gap:7px!important; transform:none!important; background:transparent!important; border:0!important; box-shadow:none!important;
  }
  html body.motion-site.ambient-page .header.nq-nav-ready > .brand > span:nth-child(2) { display:inline!important; white-space:nowrap; }
  html body.motion-site.ambient-page .header.nq-nav-ready > .brand > .yu7-sky-meter { display:none!important; }
  /* Reserve the collapsed header in normal flow. Expanded menus and visual
     viewport panning must not push the entire page down. The car cinema keeps
     its existing full-screen stage and overlay navigation. */
  html body.motion-site.ambient-page:not(.yu7-selected) .shell > header.header.nq-nav-ready + #main {
    padding-top:calc(64px + max(8px,env(safe-area-inset-top)))!important;
  }
  html body.motion-site.ambient-page .header.nq-nav-ready > .header-tools {
    min-width:0!important; min-height:44px!important; padding:0!important; margin:0!important; gap:0!important;
    transform:none!important; background:transparent!important; border:0!important; box-shadow:none!important;
  }
  html body.motion-site.ambient-page .header.nq-nav-ready .header-tools > :is(.theme-toggle,.header-action,.nq-motion-switch,.motion-setting),
  html body.motion-site.ambient-page .header.nq-nav-ready > .nq-nav-toggle {
    box-sizing:border-box!important; min-width:44px!important; width:44px!important; max-width:44px!important;
    min-height:44px!important; height:44px!important; max-height:44px!important; padding:0!important; margin:0!important;
    flex:0 0 44px!important; touch-action:manipulation;
  }
  html body.motion-site.ambient-page .header.nq-nav-ready[data-nav-open='true'] > .header-nav {
    max-height:calc(var(--nq-mobile-vh,100dvh) - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow-y:auto!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#8ba8d5 transparent;
  }
}

@media (max-width:900px) {
  html body.motion-site {
    --nq-mobile-panel-left:calc(var(--nq-mobile-vv-left,0px) + max(12px,env(safe-area-inset-left)));
    --nq-mobile-panel-right:calc(var(--nq-mobile-vv-right,0px) + max(12px,env(safe-area-inset-right)));
    --nq-mobile-panel-bottom:calc(var(--nq-mobile-vv-bottom,0px) + 80px + env(safe-area-inset-bottom));
    --nq-mobile-panel-height:max(44px,calc(var(--nq-mobile-vh,100dvh) - var(--nq-mobile-header-clear,88px) - 80px - env(safe-area-inset-bottom)));
  }
  /* A menu is anchored to the visible viewport, not the moved settings gear. */
  html body.motion-site.ambient-page.home-controls-ready > #nq-home-controls,
  html body.motion-site.ambient-page.home-controls-ready > #yu7-dock > #yu7-panel {
    position:fixed!important; left:var(--nq-mobile-panel-left)!important; right:var(--nq-mobile-panel-right)!important;
    top:auto!important; bottom:var(--nq-mobile-panel-bottom)!important;
    width:auto!important; min-width:0!important; max-width:380px!important; margin:0 auto!important;
    max-height:var(--nq-mobile-panel-height)!important; box-sizing:border-box!important;
    overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
    scrollbar-width:thin; scrollbar-color:#8ba8d5 transparent; scroll-padding-block:8px;
    transform:none!important; z-index:82!important;
  }
  html body.motion-site.ambient-page.home-controls-ready > #nq-home-controls {
    padding:2px!important; gap:8px!important;
  }
  html body.motion-site.ambient-page.home-controls-ready > #nq-home-controls > button {
    --choice-shift:0px; min-width:0!important; min-height:64px!important; width:100%!important;
    padding:12px 16px!important; transform:none!important; animation:none!important; touch-action:manipulation;
  }
  html body.motion-site #nq-home-controls :is(b,small) { white-space:normal!important; overflow-wrap:anywhere; }
  html body.motion-site #nq-home-controls small { font-size:12px!important; }
  html body.motion-site.ambient-page.home-controls-ready > #yu7-dock > #yu7-panel { padding:16px!important; }
  html body.motion-site #yu7-panel :is(button,input[type='range']) { min-height:44px!important; }
  html body.motion-site #yu7-panel .yu7-panel-header { gap:8px; margin-bottom:12px; }
  html body.motion-site #yu7-panel .yu7-panel-header button { width:44px!important; min-width:44px!important; flex:0 0 44px; }
  html body.motion-site #yu7-panel :is(select,input:not([type='range'])) { max-width:100%; font-size:16px; }
  html body.motion-site #yu7-panel :is(.yu7-panel-note,.yu7-volume) { font-size:12px!important; overflow-wrap:anywhere; }

  /* Keep the original native modal, including its focus and close semantics. */
  html body.motion-site .home-pet-ui > #home-pet-settings {
    position:fixed!important; top:calc(var(--nq-mobile-vv-top,0px) + max(12px,env(safe-area-inset-top)))!important;
    left:var(--nq-mobile-panel-left)!important; right:var(--nq-mobile-panel-right)!important; bottom:auto!important;
    width:auto!important; min-width:0!important; max-width:400px!important; margin:0 auto!important; padding:16px!important;
    max-height:calc(var(--nq-mobile-vh,100dvh) - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;
    box-sizing:border-box!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#8ba8d5 transparent; scroll-padding-block:8px;
    transform:none!important;
  }
  html body.motion-site #home-pet-settings :is(button,select,input[type='range'],.pet-switch-row,.pet-size-label) { min-height:44px!important; }
  html body.motion-site #home-pet-settings .pet-close { width:44px!important; min-width:44px!important; height:44px!important; flex-basis:44px!important; }
  html body.motion-site #home-pet-settings :is(select,input[type='range']) { min-width:0; max-width:100%; font-size:16px!important; }
  html body.motion-site #home-pet-settings .pet-size-label { flex-wrap:wrap; align-items:center; gap:8px; }
  html body.motion-site #home-pet-settings .pet-size-label select { flex:1 1 160px; }
  html body.motion-site #home-pet-settings :is(.pet-help,footer) { overflow-wrap:anywhere; }

  /* The closed native dialog still honors [hidden]/[open]. No display override. */
  html body.motion-site.nq-mobile-tools-ready .home-pet-ui .pet-launcher[aria-expanded='true'] { z-index:79!important; }
  html body.motion-site.nq-mobile-tools-ready .home-pet-ui .pet-launcher :is(.pet-launcher-tooltip,.pet-launcher-status) { display:none!important; opacity:0!important; visibility:hidden!important; }
  html body.motion-site.nq-mobile-tools-ready > #nq-mobile-tools {
    right:calc(var(--nq-mobile-vv-right,0px) + max(14px,env(safe-area-inset-right)))!important;
    bottom:calc(var(--nq-mobile-vv-bottom,0px) + 16px + env(safe-area-inset-bottom))!important;
  }
  html body.motion-site.nq-mobile-tools-ready > #nq-companions.nq-companions {
    right:calc(var(--nq-mobile-vv-right,0px) + max(16px,env(safe-area-inset-right)))!important;
    bottom:calc(var(--nq-mobile-vv-bottom,0px) + 86px + env(safe-area-inset-bottom))!important;
  }
  html body.motion-site.nq-mobile-tools-ready .home-pet-ui .pet-launcher {
    right:calc(var(--nq-mobile-vv-right,0px) + 186px + env(safe-area-inset-right))!important;
    bottom:calc(var(--nq-mobile-vv-bottom,0px) + 100px + env(safe-area-inset-bottom))!important;
  }
}

@media (hover:none),(pointer:coarse) {
  html body.motion-site.nq-mobile-tools-ready .home-pet-ui .pet-launcher:is(:hover,:focus-visible,[aria-expanded='true']) { transform:none!important; }
  html body.motion-site.nq-mobile-tools-ready .home-pet-ui .pet-launcher :is(.pet-launcher-glow,.pet-launcher-particles,.pet-launcher-emojis,.pet-launcher-stars) { display:none!important; }
  html body.motion-site.nq-mobile-tools-ready .home-pet-ui .pet-launcher :is(.pet-launcher-dashes,.pet-launcher-icon,.pet-launcher-icon svg) { animation:none!important; transform:none!important; }
  html body.motion-site #nq-home-controls > button:hover:not(:disabled) { border-color:var(--control-line); box-shadow:0 10px 30px #0a172321,inset 0 1px 0 #ffffff1a; }
}

/* Mobile controls 20261016: three direct entries, no aggregate toggle. */
.nq-settings-caption { display:none; }
@media (max-width:1100px) {
  html[data-theme] body.motion-site.ambient-page .shell > header.header.nq-nav-ready > .header-tools > .header-action { display:none!important; }
}
/* Icon and native focus carry the motion state on desktop as well as mobile. */
html[data-theme] body.motion-site.ambient-page .shell > header.header.nq-nav-ready > .header-tools > button.nq-motion-switch {
  min-width:44px!important; min-height:44px!important;
  border:0!important; background:transparent!important; box-shadow:none!important;
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
}
html[data-theme] body.motion-site.ambient-page .shell > header.header.nq-nav-ready > .header-tools > button.nq-motion-switch::before,
html[data-theme] body.motion-site.ambient-page .shell > header.header.nq-nav-ready > .header-tools > button.nq-motion-switch::after { display:none!important; }
html[data-theme] body.motion-site.ambient-page .header.nq-nav-ready button.nq-motion-switch:is(:focus-visible,:has(input:focus-visible)) { outline:2px solid var(--motion-ink,#6183c4)!important; outline-offset:2px; }
@media (max-width:900px) {
  html body.motion-site.nq-mobile-tools-independent {
    padding-bottom:84px;
    --nq-mobile-panel-bottom:calc(var(--nq-mobile-vv-bottom,0px) + 82px + env(safe-area-inset-bottom));
    --nq-mobile-panel-height:max(44px,calc(var(--nq-mobile-vh,100dvh) - var(--nq-mobile-header-clear,88px) - 82px - env(safe-area-inset-bottom)));
  }
  html body.motion-site.nq-mobile-tools-independent > #nq-companions.nq-companions {
    --nq-dock-size:54px; --nq-right:16px; --nq-bottom:16px;
    right:calc(var(--nq-mobile-vv-right,0px) + max(16px,env(safe-area-inset-right)))!important;
    bottom:calc(var(--nq-mobile-vv-bottom,0px) + 16px + env(safe-area-inset-bottom))!important;
    width:140px!important; flex-direction:row!important; align-items:flex-end!important; gap:12px!important;
  }
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__link { width:64px!important; height:54px!important; min-height:54px!important; gap:0!important; }
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__drawing { width:54px!important; height:54px!important; flex:none!important; }
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__art { width:46px; height:46px; }
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__art--robot { width:51px; height:51px; }
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__name { display:none!important; }
  html body.motion-site.nq-mobile-tools-independent .home-pet-ui .pet-launcher {
    right:calc(var(--nq-mobile-vv-right,0px) + max(16px,env(safe-area-inset-right)) + 157px)!important;
    bottom:calc(var(--nq-mobile-vv-bottom,0px) + 16px + env(safe-area-inset-bottom))!important;
    width:54px!important; height:54px!important; z-index:79!important; transform:none!important;
  }
  html body.motion-site.nq-mobile-tools-independent .home-pet-ui .pet-launcher :is(.pet-launcher-tooltip,.pet-launcher-status),
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__hint { display:none!important; }
  html body.motion-site.nq-mobile-tools-independent .home-pet-ui .pet-launcher .nq-settings-caption {
    display:none!important;
  }
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__menu {
    --nq-menu-right:var(--nq-mobile-panel-right); --nq-menu-bottom:var(--nq-mobile-panel-bottom);
    left:var(--nq-mobile-panel-left); right:var(--nq-mobile-panel-right); width:auto; max-width:380px; margin-inline:auto;
    max-height:var(--nq-mobile-panel-height);
  }
  html body.motion-site.nq-mobile-tools-independent .home-pet-ui .pet-launcher :is(.pet-launcher-glow,.pet-launcher-particles,.pet-launcher-emojis,.pet-launcher-stars) { display:none!important; }
  html body.motion-site.nq-mobile-tools-independent .home-pet-ui .pet-launcher :is(.pet-launcher-dashes,.pet-launcher-icon,.pet-launcher-icon svg) { animation:none!important; transform:none!important; }
  html body.motion-site.nq-mobile-tools-independent #nq-companions :is(.nq-companions__spark,.nq-companions__halo) { display:none; }
  html body.motion-site.nq-mobile-tools-independent #nq-companions .nq-companions__drawing { transform:none!important; }
}

/* Mobile: a single Emotion Ball opens the three original destinations. */
#nq-mobile-orb { display:none; }
@media(max-width:900px) {
  body.nq-mobile-orb-ready { padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
  body.nq-mobile-orb-ready .home-pet-ui .pet-launcher,
  body.nq-mobile-orb-ready #nq-companions .nq-companions__robot-group,
  body.nq-mobile-orb-ready #nq-companions > .nq-companions__link--bird,
  body.nq-mobile-orb-ready #nq-companions .nq-companions__name,
  body.nq-mobile-orb-ready .pet-launcher-tooltip,
  body.nq-mobile-orb-ready .pet-launcher-status { display:none!important; }
  html body > #nq-mobile-orb {
    display:block; position:fixed!important; z-index:81!important; top:auto!important; left:auto!important;
    right:calc(var(--nq-mobile-vv-right,0px) + max(16px,env(safe-area-inset-right)))!important;
    bottom:calc(var(--nq-mobile-vv-bottom,0px) + 14px + env(safe-area-inset-bottom))!important;
    width:64px; height:64px; isolation:isolate;
  }
  #nq-mobile-orb .nq-orb-trigger {
    position:relative; display:block; width:64px; height:64px; padding:3px;
    border:1px solid rgba(255,255,255,.7); border-radius:50%;
    background:rgba(231,240,250,.62); color:#345575;
    box-shadow:0 5px 16px rgba(36,57,91,.16),inset 0 1px 2px rgba(255,255,255,.8);
    -webkit-tap-highlight-color:transparent; touch-action:manipulation;
    transition:transform .2s ease,background-color .2s ease;
  }
  #nq-mobile-orb .nq-orb-trigger:active { transform:scale(.94); }
  #nq-mobile-orb .nq-orb-visual { display:block; width:56px; height:56px; }
  #nq-mobile-orb .nq-orb-mark { position:absolute; display:flex; gap:3px; left:24px; bottom:6px; }
  #nq-mobile-orb .nq-orb-mark i { width:3px; height:3px; border-radius:50%; background:currentColor; opacity:.7; }
  #nq-mobile-orb .nq-orb-menu {
    position:absolute; right:0; bottom:76px; width:min(216px,calc(100vw - 32px));
    max-height:max(48px,calc(var(--nq-mobile-vh,100dvh) - var(--nq-mobile-header-clear,88px) - 104px - env(safe-area-inset-bottom)));
    padding:7px; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain;
    border:1px solid rgba(255,255,255,.78); border-radius:22px;
    background:rgba(242,247,255,.92); box-shadow:0 12px 36px rgba(28,45,75,.18);
    -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
    animation:nq-orb-menu-in .24s cubic-bezier(.2,.8,.2,1) both;
  }
  #nq-mobile-orb .nq-orb-menu[hidden] { display:none!important; }
  #nq-mobile-orb .nq-orb-menu > :is(button,a) {
    display:flex; align-items:center; gap:13px; width:100%; min-height:50px; padding:11px 15px;
    border:0; border-radius:15px; background:transparent; color:#263d58;
    text-decoration:none; font-weight:600; font-family:inherit; font-size:15px; line-height:1.4;
    text-align:left; box-sizing:border-box; touch-action:manipulation;
  }
  #nq-mobile-orb .nq-orb-menu > :is(button,a):active { background:rgba(112,164,220,.17); }
  #nq-mobile-orb .nq-orb-menu svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  #nq-mobile-orb [data-orb-action=settings] svg { color:#6476b7; }
  #nq-mobile-orb [data-orb-action=chat] svg { color:#328391; }
  #nq-mobile-orb [data-orb-action=about] svg { color:#a67053; }
  #nq-mobile-orb :focus-visible { outline:2px solid #5a88c9; outline-offset:3px; }
  :root[data-theme=dark] #nq-mobile-orb .nq-orb-trigger { background:rgba(30,42,63,.86); border-color:rgba(160,196,231,.4); color:#c7d8f0; }
  :root[data-theme=dark] #nq-mobile-orb .nq-orb-menu { background:rgba(25,35,53,.95); border-color:rgba(154,185,220,.28); }
  :root[data-theme=dark] #nq-mobile-orb .nq-orb-menu > :is(button,a) { color:#e1eaf7; }
  :root[data-theme=dark] #nq-mobile-orb .nq-orb-menu svg { color:#a9c7eb; }
}
@keyframes nq-orb-menu-in { from { opacity:0; transform:translateY(8px) scale(.97); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { #nq-mobile-orb * { animation:none!important; transition:none!important; } }
html[data-motion=paused] #nq-mobile-orb *,body.nq-motion-paused #nq-mobile-orb * { animation:none!important; transition:none!important; }