/* foot10: the footer with all ten websites + Instagram. Identical on every 3D site (website agent, 7 Nov 2026). */
.foot10 { margin: 18px 0 0; padding: 14px 16px 16px; border-radius: 16px; background: #15112b; color: #fff8e6; font: 14px/1.5 "Inter", system-ui, sans-serif; text-align: left; }
.foot10 p { margin: 0 0 10px; color: #fff8e6; }
.foot10 p b { color: #ffd66b; }
.foot10 p a { color: #fff8e6; text-decoration: underline; text-underline-offset: 3px; }
.foot10 ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.foot10 li { margin: 0; padding: 0; }
.foot10 li::before { content: none; }
.foot10 ul a { display: inline-block; color: #15112b; background: #fff8e6; text-decoration: none; border-radius: 999px; padding: 4px 11px; font-weight: 600; font-size: 13px; }
.foot10 ul a:hover { background: #ffd66b; }
.foot10 ul a[aria-current] { background: #ffd66b; box-shadow: inset 0 0 0 2px #fff8e6; }
.foot10 a:focus-visible { outline: 3px solid #ffd66b; outline-offset: 2px; }
.foot10 .ig { font-weight: 700; }
.foot10 .social { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 10px; }
.foot10 .social a, .foot10 .social span { color: #fff8e6; font-weight: 700; }
.foot10 .social .soon { font-weight: 600; }
.foot10 .social .soon em { font-style: normal; color: #15112b; background: #ffd66b; border-radius: 6px; padding: 0 6px; margin-left: 4px; font-size: 12px; }
.crew10 { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid rgba(255, 248, 230, .25); }
.crew10 .crew10-label { margin: 0 0 8px; font-size: 13px; color: #fff8e6; }
.crew10 ul { gap: 8px 10px; }
.crew10 li { display: grid; justify-items: center; gap: 2px; width: 46px; }
.crew10 img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; border: 2px solid #ffd66b; background: #2a2450; display: block; }
.crew10 span { font-size: 11.5px; font-weight: 600; color: #fff8e6; line-height: 1.2; }

/* mchip: a small mascot accent beside a sector scenario or a visit step (Illustrated mascot, never staff) */
p.mchip, .card p.mchip, .ed-scene p.mchip, .sector p.mchip, .scene p.mchip { display: inline-flex !important; align-items: center; gap: 7px; margin: 6px 0 2px !important; padding: 3px 10px 3px 3px; border-radius: 999px; background: #15112b; color: #fff8e6 !important; font: 600 12.5px/1.2 "Inter", system-ui, sans-serif !important; letter-spacing: 0; text-transform: none; width: max-content; max-width: 100%; }
p.mchip img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; border: 2px solid #ffd66b; flex: none; }
p.mchip i { font-style: normal; font-weight: 500; color: #ffe9a8 !important; }
p.mchip, p.mchip i { white-space: nowrap; }