:root {
  --aiq-ink: #243541;
  --aiq-blue: #2f80ed;
  --aiq-blue-dark: #155bb5;
  --aiq-gold: #ffc83d;
  --aiq-cream: #fff9e9;
  --aiq-paper: #fffdf7;
  --aiq-danger: #bc4d52;
  --aiq-shadow: 0 18px 45px rgba(23, 59, 87, .18);
}

body.aiq-course-page #primary,
body.aiq-course-page .content-area,
body.aiq-course-page .site-main,
body.aiq-course-page .content-container,
body.aiq-course-page .entry-content,
body.aiq-course-page .entry-content-wrap {
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
}
body.aiq-course-page .content-bg,
body.aiq-course-page article.entry { margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body.aiq-course-page .entry-header { display: none !important; }

/* Hide common theme page-title / hero wrappers on the course page so Tropa Kids owns the top area */
body.aiq-course-page .page-header,
body.aiq-course-page .entry-hero,
body.aiq-course-page .hero-section,
body.aiq-course-page .ct-page-title,
body.aiq-course-page .ct-page-title-container,
body.aiq-course-page .site-inner-header-wrap,
body.aiq-course-page .page-title,
body.aiq-course-page .entry-title,
body.aiq-course-page .wp-block-post-title,
body.aiq-course-page .editor-styles-wrapper h1.wp-block-post-title {
  display: none !important;
}

body.aiq-course-page .site-main,
body.aiq-course-page .content-area,
body.aiq-course-page #primary,
body.aiq-course-page article,
body.aiq-course-page .content-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.aiq-app {
  position: relative;
  z-index: 5;
}

body.aiq-modal-open { overflow: hidden; }
.aiq-app, .aiq-app * { box-sizing: border-box; }
.aiq-app {
  width: 100vw; max-width: none; min-height: 100vh; margin-left: calc(50% - 50vw);
  color: var(--aiq-ink);
  background: linear-gradient(180deg, #dff5ff 0, #f7efd9 72%, #e7dec8 100%);
  font-family: "Nunito", "Trebuchet MS", system-ui, sans-serif;
  overflow-x: hidden;
  overflow-y: visible;
  --aiq-world-accent: #2f80ed;
  --aiq-world-accent-2: #20c7e8;
  --aiq-world-accent-shadow: #1759a6;
  --aiq-world-strong: #155bb5;
  --aiq-world-soft: #eaf8ff;
  --aiq-world-soft-2: #fff5d5;
  --aiq-world-soft-border: #b9dff1;
  --aiq-world-chip: #e3f5ff;
  --aiq-world-robot-bg: #a9ecfb;
  --aiq-world-card-glow: rgba(39, 158, 232, .13);
  --aiq-world-card-glow-2: rgba(255, 200, 61, .18);
  --aiq-world-button: #217fd1;
  --aiq-world-button-shadow: #155fa3;
  --aiq-world-modal-border: #47b8c2;
  --aiq-world-mission-accent: #f0ad37;
  --aiq-world-mission-bg: #fff7e5;
  --aiq-world-scene-image: url('../images/world-zero-desktop.webp');
  --aiq-world-scene-size: 195%;
  --aiq-world-scene-pos: 56% 42%;
}
.aiq-world-0 {
  --aiq-world-accent: #2f80ed;
  --aiq-world-accent-2: #20c7e8;
  --aiq-world-accent-shadow: #1759a6;
  --aiq-world-strong: #155bb5;
  --aiq-world-soft: #eaf8ff;
  --aiq-world-soft-2: #fff5d5;
  --aiq-world-soft-border: #b9dff1;
  --aiq-world-chip: #e3f5ff;
  --aiq-world-robot-bg: #a9ecfb;
  --aiq-world-card-glow: rgba(39, 158, 232, .13);
  --aiq-world-card-glow-2: rgba(255, 200, 61, .18);
  --aiq-world-button: #217fd1;
  --aiq-world-button-shadow: #155fa3;
  --aiq-world-modal-border: #47b8c2;
  --aiq-world-mission-accent: #f0ad37;
  --aiq-world-mission-bg: #fff7e5;
  --aiq-world-scene-image: url('../images/world-zero-desktop.webp');
  --aiq-world-scene-size: 195%;
  --aiq-world-scene-pos: 56% 42%;
}
.aiq-world-1 {
  --aiq-world-accent: #f59f0b;
  --aiq-world-accent-2: #24b7af;
  --aiq-world-accent-shadow: #b66a0f;
  --aiq-world-strong: #a85a00;
  --aiq-world-soft: #fff2d9;
  --aiq-world-soft-2: #eefbf8;
  --aiq-world-soft-border: #d6e8c7;
  --aiq-world-chip: #fff4de;
  --aiq-world-robot-bg: #d6fbf7;
  --aiq-world-card-glow: rgba(245, 159, 11, .16);
  --aiq-world-card-glow-2: rgba(36, 183, 175, .14);
  --aiq-world-button: #159899;
  --aiq-world-button-shadow: #0e6f72;
  --aiq-world-modal-border: #3ca9a5;
  --aiq-world-mission-accent: #e9972e;
  --aiq-world-mission-bg: #fff6e8;
  --aiq-world-scene-image: url('../images/world-one-desktop.webp');
  --aiq-world-scene-size: 220%;
  --aiq-world-scene-pos: 0% 8%;
}
.aiq-world-2 {
  --aiq-world-accent: #1769c2;
  --aiq-world-accent-2: #42c9f4;
  --aiq-world-accent-shadow: #0b4384;
  --aiq-world-strong: #123f82;
  --aiq-world-soft: #e9f5ff;
  --aiq-world-soft-2: #fff7d9;
  --aiq-world-soft-border: #9ed6f2;
  --aiq-world-chip: #e3f2ff;
  --aiq-world-robot-bg: #d9f4ff;
  --aiq-world-card-glow: rgba(23, 105, 194, .16);
  --aiq-world-card-glow-2: rgba(255, 200, 61, .20);
  --aiq-world-button: #1769c2;
  --aiq-world-button-shadow: #0b4384;
  --aiq-world-modal-border: #2f8bd5;
  --aiq-world-mission-accent: #ffc83d;
  --aiq-world-mission-bg: #fff6cf;
  --aiq-world-scene-image: url('../images/world-two-desktop.webp');
  --aiq-world-scene-size: 210%;
  --aiq-world-scene-pos: 15% 12%;
}
.aiq-world-3 {
  --aiq-world-accent: #f28b24;
  --aiq-world-accent-2: #14a9b8;
  --aiq-world-accent-shadow: #b75414;
  --aiq-world-strong: #9f4618;
  --aiq-world-soft: #fff1dc;
  --aiq-world-soft-2: #e8f8f7;
  --aiq-world-soft-border: #efc589;
  --aiq-world-chip: #fff0d3;
  --aiq-world-robot-bg: #d7f5f3;
  --aiq-world-card-glow: rgba(242, 139, 36, .17);
  --aiq-world-card-glow-2: rgba(20, 169, 184, .14);
  --aiq-world-button: #1195a0;
  --aiq-world-button-shadow: #0a6670;
  --aiq-world-modal-border: #e78628;
  --aiq-world-mission-accent: #f28b24;
  --aiq-world-mission-bg: #fff0d8;
  --aiq-world-scene-image: url('../images/world-three-desktop.webp');
  --aiq-world-scene-size: 215%;
  --aiq-world-scene-pos: 8% 10%;
}
.aiq-world-4 {
  --aiq-world-accent: #e34862;
  --aiq-world-accent-2: #8f43b8;
  --aiq-world-accent-shadow: #a52243;
  --aiq-world-strong: #842044;
  --aiq-world-soft: #fff0f3;
  --aiq-world-soft-2: #f4ecff;
  --aiq-world-soft-border: #efa2b2;
  --aiq-world-chip: #ffe8ee;
  --aiq-world-robot-bg: #e7f8fb;
  --aiq-world-card-glow: rgba(227, 72, 98, .17);
  --aiq-world-card-glow-2: rgba(143, 67, 184, .15);
  --aiq-world-button: #d9365c;
  --aiq-world-button-shadow: #9c2343;
  --aiq-world-modal-border: #e34d6f;
  --aiq-world-mission-accent: #8f43b8;
  --aiq-world-mission-bg: #fff0f6;
  --aiq-world-scene-image: url('../images/world-four-desktop.webp');
  --aiq-world-scene-size: 215%;
  --aiq-world-scene-pos: 8% 10%;
}
.aiq-world-5 {
  --aiq-world-accent: #19a79e;
  --aiq-world-accent-2: #f2a92f;
  --aiq-world-accent-shadow: #08796f;
  --aiq-world-strong: #116e69;
  --aiq-world-soft: #eafbf7;
  --aiq-world-soft-2: #fff4d8;
  --aiq-world-soft-border: #79d2c7;
  --aiq-world-chip: #e2f8f4;
  --aiq-world-robot-bg: #fff2ce;
  --aiq-world-card-glow: rgba(25, 167, 158, .17);
  --aiq-world-card-glow-2: rgba(242, 169, 47, .16);
  --aiq-world-button: #159a91;
  --aiq-world-button-shadow: #08736d;
  --aiq-world-modal-border: #24b6aa;
  --aiq-world-mission-accent: #e29420;
  --aiq-world-mission-bg: #fff7df;
  --aiq-world-scene-image: url('../images/world-five-desktop.webp');
  --aiq-world-scene-size: 215%;
  --aiq-world-scene-pos: 8% 10%;
}
.aiq-world-6 {
  --aiq-world-accent: #6d43d8;
  --aiq-world-accent-2: #18bde3;
  --aiq-world-accent-shadow: #43249b;
  --aiq-world-strong: #4a2b9f;
  --aiq-world-soft: #f2ecff;
  --aiq-world-soft-2: #e8fbff;
  --aiq-world-soft-border: #b9a7ed;
  --aiq-world-chip: #efe8ff;
  --aiq-world-robot-bg: #dff8ff;
  --aiq-world-card-glow: rgba(109, 67, 216, .17);
  --aiq-world-card-glow-2: rgba(24, 189, 227, .15);
  --aiq-world-button: #6640cd;
  --aiq-world-button-shadow: #40268f;
  --aiq-world-modal-border: #7750d9;
  --aiq-world-mission-accent: #18a9d0;
  --aiq-world-mission-bg: #eefbff;
  --aiq-world-scene-image: url('../images/world-six-desktop.webp');
  --aiq-world-scene-size: 215%;
  --aiq-world-scene-pos: 8% 10%;
}
.aiq-hud {
  position: sticky; top: 0; z-index: 20;
  overflow: visible;
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; padding: 12px clamp(15px, 4vw, 38px);
  background: #ffc83d; border-bottom: 1px solid #dea51a;
  box-shadow: 0 3px 12px rgba(91, 62, 3, .14);
}
.aiq-brand { position: relative; z-index: 1; display: flex; align-items: center; flex: 1 1 auto; min-width: 0; min-height: 54px; padding-left: 158px; }
.aiq-brand-mascot {
  position: absolute; z-index: 22; left: -12px; top: 50%; display: block; width: 156px; height: 156px;
  transform: translateY(-15%); pointer-events: none;
}
.aiq-brand-mascot img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 5px 5px rgba(23,59,87,.3)); }
.aiq-badge-icon { display: block; flex: 0 0 66px; width: 66px; height: 66px; }
.aiq-badge-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.aiq-brand strong, .aiq-brand small { display: block; line-height: 1.15; }
.aiq-brand > div { min-width: 0; pointer-events: none; }
.aiq-brand strong { font-size: 18px; }
.aiq-brand small { margin-top: 3px; font-size: 11px; color: #66501b; }
.aiq-hud-tools { position: relative; z-index: 40; display: flex; align-items: center; gap: 12px; margin-left: auto; pointer-events: auto; }
.aiq-stats { display: flex; gap: 8px; }
.aiq-stats span { padding: 7px 10px; border-radius: 12px; color: #173b57; background: rgba(255,255,255,.78); font-size: 13px; white-space: nowrap; }
.aiq-stats span:last-child { color: #6c4b00; background: rgba(255,249,225,.9); }
.aiq-backpack-button, .aiq-sound-button, .aiq-profile-switch { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 2px solid rgba(23,59,87,.2); border-radius: 12px; color: #155bb5; background: rgba(255,255,255,.86); font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; text-decoration: none; }
.aiq-backpack-button:hover, .aiq-backpack-button:focus-visible, .aiq-sound-button:hover, .aiq-sound-button:focus-visible, .aiq-profile-switch:hover, .aiq-profile-switch:focus-visible { border-color: var(--aiq-blue); color: #155bb5; background: white; }
.aiq-backpack-button span, .aiq-sound-button > span:first-child, .aiq-profile-switch span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; color: white; background: var(--aiq-blue); }
.aiq-sound-button[aria-pressed="false"] { color: #6f7c88; border-color: #d0d9e1; background: #f1f4f7; }
.aiq-sound-button[aria-pressed="false"] > span:first-child { background: #8494a3; }
.aiq-actions { position: relative; z-index: 41; flex: 0 0 auto; pointer-events: auto; }
.aiq-menu-toggle { position: relative; z-index: 42; pointer-events: auto; touch-action: manipulation; appearance: none; display: grid; place-content: center; gap: 4px; width: 43px; height: 43px; padding: 0 !important; border: 2px solid rgba(23,59,87,.2) !important; border-radius: 12px !important; color: #155bb5 !important; background: rgba(255,255,255,.86) !important; box-shadow: none !important; cursor: pointer; }
.aiq-menu-toggle:hover, .aiq-menu-toggle:focus-visible, .aiq-menu-toggle[aria-expanded="true"] { border-color: var(--aiq-blue) !important; background: #fff !important; }
.aiq-menu-toggle > span { display: block; width: 20px; height: 2px; border-radius: 2px; background: #155bb5; }
.aiq-action-menu { position: absolute; z-index: 35; top: calc(100% + 10px); right: 0; display: grid; gap: 5px; width: 290px; padding: 8px; border: 2px solid #d1e0e9; border-radius: 15px; background: #fffdf7; box-shadow: 0 14px 32px rgba(23,59,87,.24); }
.aiq-action-menu[hidden] { display: none !important; }
.aiq-action-menu::before { content: ''; position: absolute; right: 13px; top: -7px; width: 12px; height: 12px; border-top: 2px solid #d1e0e9; border-left: 2px solid #d1e0e9; background: #fffdf7; transform: rotate(45deg); }
.aiq-action-menu .aiq-backpack-button, .aiq-action-menu .aiq-sound-button, .aiq-action-menu .aiq-profile-switch { position: relative; z-index: 1; justify-content: flex-start; width: 100%; padding: 10px !important; border: 0 !important; border-radius: 10px !important; color: #155bb5 !important; background: transparent !important; box-shadow: none !important; font-size: 13px !important; text-align: left; }
.aiq-action-menu .aiq-backpack-button:hover, .aiq-action-menu .aiq-backpack-button:focus-visible, .aiq-action-menu .aiq-sound-button:hover, .aiq-action-menu .aiq-sound-button:focus-visible, .aiq-action-menu .aiq-profile-switch:hover, .aiq-action-menu .aiq-profile-switch:focus-visible { color: #155bb5 !important; background: #eaf6fd !important; }
.aiq-action-menu .aiq-sound-button[aria-pressed="false"] { color: #627786 !important; background: #f1f4f7 !important; }
.aiq-action-divider { height: 1px; margin: 3px 6px; background: linear-gradient(90deg, rgba(209,224,233,0), rgba(209,224,233,1), rgba(209,224,233,0)); }
.aiq-action-group { display: grid; gap: 4px; padding: 2px 0; }
.aiq-action-group-label { padding: 4px 10px 2px; color: #6a7f8e; font-size: 11px; font-weight: 900; letter-spacing: 1.1px; text-transform: uppercase; }
.aiq-world-entry.is-active { color: #173b57 !important; background: #eef8ff !important; }
.aiq-world-entry.is-active span { background: var(--aiq-world-accent) !important; }
.aiq-world-entry[data-requires-account="1"] { color: #805100 !important; }
.aiq-world-entry[data-requires-account="1"] span { background: #f2b038 !important; }

.aiq-world-switcher {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 auto 16px;
  max-width: 1140px;
  padding: 0 16px;
}
.aiq-world-pill {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(30, 41, 59, 0.12);
  background: rgba(255, 255, 255, 0.88);
  color: #1f2937;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.aiq-world-pill span {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0f766e;
}
.aiq-world-pill strong {
  font-size: 0.98rem;
}
.aiq-world-pill.is-active {
  background: linear-gradient(135deg, #fef3c7, #d1fae5);
  border-color: rgba(13, 148, 136, 0.35);
}

.aiq-world-intro { max-width: 720px; margin: 0 auto; padding: clamp(32px, 6vw, 58px) clamp(18px, 4vw, 36px) clamp(25px, 5vw, 42px); text-align: center; }
.aiq-world-number { display: inline-block; margin-bottom: 9px; color: var(--aiq-blue-dark); font-size: 13px; font-weight: 900; letter-spacing: 2.2px; text-transform: uppercase; }
.aiq-world-intro h1 { margin: 0; color: #173b57; font-size: clamp(34px, 6vw, 58px); line-height: 1.02; letter-spacing: -.035em; }
.aiq-world-intro p { max-width: 650px; margin: 18px auto 0; color: #50677a; font-size: clamp(15px, 2vw, 18px); line-height: 1.6; }
.aiq-map-wrap { width: 100%; max-width: none; margin: 0; }
.aiq-map { position: relative; line-height: 0; }
.aiq-map picture, .aiq-map picture img { display: block; width: 100%; height: auto; margin: 0; image-rendering: auto; }
.aiq-level {
  position: absolute; width: 28%; height: 8.8%; transform: translate(-50%, -50%);
  appearance: none; border: 0 !important; border-radius: 22%; background: transparent !important; background-image: none !important; color: transparent !important;
  box-shadow: none !important; padding: 0 !important; cursor: pointer;
  transition: filter .18s ease, transform .18s ease;
}
.aiq-level:hover, .aiq-level:focus-visible { outline: none; filter: drop-shadow(0 0 11px rgba(241,185,66,.95)); transform: translate(-50%, -50%) scale(1.035); }
.aiq-level-1 { left: 36.0%; top: 23.7%; }
.aiq-level-2 { left: 61.7%; top: 32.4%; }
.aiq-level-3 { left: 36.2%; top: 44.5%; }
.aiq-level-4 { left: 64.0%; top: 56.8%; }
.aiq-level-5 { left: 35.2%; top: 69.4%; }
.aiq-level-6 { left: 55.3%; top: 84.6%; }
.aiq-level.is-locked { cursor: not-allowed; filter: none; }
.aiq-level.is-current { filter: drop-shadow(0 5px 7px rgba(225, 157, 32, .48)); }
.aiq-level-state {
  position: absolute; right: 3%; top: 2%; display: grid; place-items: center;
  width: 39px; height: 39px; border-radius: 50%; line-height: 1; font-size: 19px; font-weight: 900;
  color: white; background: #e74c3c; box-shadow: 0 4px 9px rgba(167,39,26,.30);
}
.aiq-level-state:empty { display: none; }
.aiq-level.is-locked .aiq-level-state { display: grid; background: #ffc83d; border: 2px solid #fff; box-shadow: 0 4px 10px rgba(67,48,3,.38); font-size: 0; }
.aiq-level.is-locked .aiq-level-state::before { content: ''; position: absolute; left: 50%; top: 52%; width: 14px; height: 12px; border-radius: 2px; background: #111; transform: translate(-50%, -25%); }
.aiq-level.is-locked .aiq-level-state::after { content: ''; position: absolute; left: 50%; top: 26%; width: 10px; height: 10px; border: 3px solid #111; border-bottom: 0; border-radius: 8px 8px 0 0; transform: translateX(-50%); }
.aiq-marker {
  position: absolute; z-index: 7; width: 14%;
  transform: translate(-50%, -58%); pointer-events: none; transition: left .62s cubic-bezier(.2,.85,.3,1.12), top .62s cubic-bezier(.2,.85,.3,1.12);
}
.aiq-marker[data-position="1"] { left: 25.0%; top: 27.0%; }
.aiq-marker[data-position="2"] { left: 50.5%; top: 35.7%; }
.aiq-marker[data-position="3"] { left: 25.0%; top: 47.8%; }
.aiq-marker[data-position="4"] { left: 52.7%; top: 60.1%; }
.aiq-marker[data-position="5"] { left: 24.0%; top: 72.7%; }
.aiq-marker[data-position="6"] { left: 44.1%; top: 87.9%; }
.aiq-marker img { display: block; width: 100%; height: auto; margin: 0; filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(255,255,255,.95)) drop-shadow(0 7px 5px rgba(39, 43, 35, .34)); animation: aiq-robot-idle 2.4s ease-in-out infinite; }
@keyframes aiq-robot-idle { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-4px) rotate(1deg); } }
.aiq-footer {
  display: flex; justify-content: center; align-items: center; gap: 18px; flex-wrap: wrap;
  max-width: 100%; margin: 0 auto; padding: 20px 16px 30px; background: #ffc83d; font-size: 13px;
}
.aiq-footer-progress { display: flex; align-items: center; justify-content: center; min-height: 46px; font-weight: 800; }
.aiq-next-world { min-width: min(360px, 100%); font-size: 15px; text-align: center; }
.aiq-world-complete-next { display: block; width: min(440px, 100%); margin: 22px auto 0; padding-block: 15px; font-size: 16px; }
.aiq-primary, .aiq-secondary, .aiq-option {
  appearance: none; font: inherit; font-weight: 800; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s;
}
.aiq-primary { position: relative; isolation: isolate; border: 2px solid rgba(255,255,255,.72); border-radius: 18px; padding: 14px 22px; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.12); background: var(--aiq-world-button); box-shadow: 0 6px 0 var(--aiq-world-button-shadow), 0 12px 24px rgba(23,59,87,.14); overflow: hidden; }
.aiq-primary:hover, .aiq-primary:focus-visible { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 8px 0 var(--aiq-world-button-shadow), 0 15px 30px rgba(23,59,87,.17); }
.aiq-secondary { border: 2px solid #2f80ed; border-radius: 12px; padding: 9px 13px; color: #155bb5; background: rgba(255,255,255,.65); }
.aiq-welcome, .aiq-modal {
  position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 18px;
  overflow: hidden;
  background: rgba(20,45,70,.72); backdrop-filter: blur(8px);
}
.aiq-welcome[hidden], .aiq-modal[hidden] { display: none; }
.aiq-welcome-card, .aiq-modal-card {
  position: relative;
  width: min(600px, 100%);
  max-height: min(760px, 92vh);
  max-height: min(760px, 92dvh);
  padding: clamp(24px, 6vw, 44px); border: 3px solid rgba(255,255,255,.9); border-radius: 26px;
  background: var(--aiq-paper); box-shadow: var(--aiq-shadow);
}
.aiq-welcome-card {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.aiq-modal-card {
  isolation: isolate;
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  border: 4px solid var(--aiq-world-modal-border);
  background: linear-gradient(90deg, rgba(255,253,248,.98) 0%, rgba(255,253,248,.98) 72%, color-mix(in srgb, var(--aiq-world-soft-2) 46%, white) 100%);
  box-shadow: 0 22px 56px rgba(15, 45, 65, .27), inset 0 0 0 4px rgba(255,255,255,.62);
}
.aiq-modal-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(70% 90% at 100% 50%, color-mix(in srgb, var(--aiq-world-card-glow-2) 88%, transparent), transparent 72%),
    radial-gradient(45% 55% at 0 100%, color-mix(in srgb, var(--aiq-world-card-glow) 88%, transparent), transparent 78%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,252,246,.9));
  pointer-events: none;
  z-index: 0;
}
.aiq-modal-card::after {
  content: '';
  position: absolute;
  inset: 12px;
  border-radius: 20px;
  border: 1.5px solid rgba(255,255,255,.88);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
  pointer-events: none;
  z-index: 0;
}
.aiq-modal-card > * { position: relative; z-index: 1; }
#aiq-modal-content {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  padding-right: 8px;
  scroll-padding-top: 12px;
  scroll-padding-bottom: 24px;
}
/* The family/profile modal has no #aiq-modal-content wrapper, so its active
   form/dashboard becomes the scrollable body while the close control stays fixed. */
#aiq-family-modal .aiq-modal-card > .aiq-family-form:not([hidden]),
#aiq-family-modal .aiq-modal-card > #aiq-family-dashboard:not([hidden]) {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  padding-right: 8px;
  scroll-padding-bottom: 24px;
}
/* Thin, unobtrusive scrollbars on browsers that support them. */
#aiq-modal-content,
#aiq-family-modal .aiq-family-form:not([hidden]),
#aiq-family-modal #aiq-family-dashboard:not([hidden]),
.aiq-welcome-card {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--aiq-world-accent) 45%, #b8cad6) transparent;
}
#aiq-modal-content::-webkit-scrollbar,
#aiq-family-modal .aiq-family-form:not([hidden])::-webkit-scrollbar,
#aiq-family-modal #aiq-family-dashboard:not([hidden])::-webkit-scrollbar,
.aiq-welcome-card::-webkit-scrollbar { width: 8px; }
#aiq-modal-content::-webkit-scrollbar-thumb,
#aiq-family-modal .aiq-family-form:not([hidden])::-webkit-scrollbar-thumb,
#aiq-family-modal #aiq-family-dashboard:not([hidden])::-webkit-scrollbar-thumb,
.aiq-welcome-card::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--aiq-world-accent) 42%, #b8cad6);
}
#aiq-modal-content::-webkit-scrollbar-track,
#aiq-family-modal .aiq-family-form:not([hidden])::-webkit-scrollbar-track,
#aiq-family-modal #aiq-family-dashboard:not([hidden])::-webkit-scrollbar-track,
.aiq-welcome-card::-webkit-scrollbar-track { background: transparent; }
#aiq-modal-content > * { position: relative; z-index: 1; }
#aiq-modal-content::before,
#aiq-modal-content::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
#aiq-modal-content::before {
  top: -12px;
  left: min(30vw, 290px);
  width: clamp(118px, 15vw, 180px);
  height: clamp(78px, 10vw, 112px);
  background: var(--aiq-world-modal-border);
  opacity: .16;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 130'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 115V28h68'/%3E%3Cpath d='M16 72h44V16h84'/%3E%3Cpath d='M145 16h46'/%3E%3Ccircle cx='96' cy='28' r='15'/%3E%3Ccircle cx='188' cy='16' r='5'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 130'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 115V28h68'/%3E%3Cpath d='M16 72h44V16h84'/%3E%3Cpath d='M145 16h46'/%3E%3Ccircle cx='96' cy='28' r='15'/%3E%3Ccircle cx='188' cy='16' r='5'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
#aiq-modal-content::after {
  left: clamp(10px, 2vw, 22px);
  bottom: clamp(10px, 2vw, 26px);
  width: clamp(130px, 18vw, 210px);
  height: clamp(82px, 10vw, 122px);
  background: var(--aiq-world-accent-2);
  opacity: .14;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 140'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 24v60h52v24h76'/%3E%3Cg transform='translate(78 34)'%3E%3Ccircle r='18'/%3E%3Ccircle r='6'/%3E%3Cpath d='M0-27v9M0 18v9M-27 0h9M18 0h9M-19-19l7 7M12 12l7 7M19-19l-7 7M-12 12l-7 7'/%3E%3C/g%3E%3Cpath d='M147 108V82h42V48h30'/%3E%3Ccircle cx='224' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 140'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 24v60h52v24h76'/%3E%3Cg transform='translate(78 34)'%3E%3Ccircle r='18'/%3E%3Ccircle r='6'/%3E%3Cpath d='M0-27v9M0 18v9M-27 0h9M18 0h9M-19-19l7 7M12 12l7 7M19-19l-7 7M-12 12l-7 7'/%3E%3C/g%3E%3Cpath d='M147 108V82h42V48h30'/%3E%3Ccircle cx='224' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.aiq-modal-card h2 { color: #173b57; }
.aiq-modal-card h3, .aiq-eyebrow { color: var(--aiq-world-strong); }
.aiq-modal-card .aiq-eyebrow { color: var(--aiq-world-button); }
.aiq-app .aiq-primary { background: var(--aiq-world-button); box-shadow: 0 6px 0 var(--aiq-world-button-shadow), 0 12px 24px rgba(23,59,87,.14); }
.aiq-app .aiq-primary:hover, .aiq-app .aiq-primary:focus-visible { filter: brightness(1.05); box-shadow: 0 8px 0 var(--aiq-world-button-shadow), 0 15px 30px rgba(23,59,87,.17); }
.aiq-app .aiq-secondary, .aiq-app .aiq-clarify-toggle { border-color: var(--aiq-world-accent) !important; color: var(--aiq-world-strong) !important; }
.aiq-close:hover, .aiq-close:focus-visible { border-color: var(--aiq-world-accent) !important; background: var(--aiq-world-accent) !important; }
.aiq-step-dots span.is-active, .aiq-step-dots span.is-challenge { background: var(--aiq-world-accent); }
.aiq-mission { border: 2px solid color-mix(in srgb, var(--aiq-world-mission-accent) 30%, white); border-left: 7px solid var(--aiq-world-mission-accent); background: var(--aiq-world-mission-bg); box-shadow: inset 0 0 28px rgba(255,255,255,.55); }
.aiq-mission > strong { color: var(--aiq-world-mission-accent); font-size: 18px; }
.aiq-rule { border-color: var(--aiq-world-soft-border); background: var(--aiq-world-soft); }
.aiq-rule strong { color: var(--aiq-world-strong); }
.aiq-clarify { border-color: var(--aiq-world-soft-border); background: linear-gradient(145deg, rgba(255,255,255,.95), var(--aiq-world-soft)); }
.aiq-clarify-form { border-top-color: var(--aiq-world-soft-border); }
.aiq-clarify-robot { background: var(--aiq-world-robot-bg); }
.aiq-clarify-answer { border-left-color: var(--aiq-world-accent); }
.aiq-option:hover:not(:disabled), .aiq-option:focus-visible { border-color: var(--aiq-world-accent); }
.aiq-option > span { color: var(--aiq-world-strong); background: var(--aiq-world-chip); }
.aiq-option.is-right, .aiq-option.is-right:disabled, .aiq-feedback.is-correct, .aiq-badge { border-color: var(--aiq-world-soft-border) !important; background: var(--aiq-world-soft) !important; }
.aiq-feedback.is-correct { color: var(--aiq-world-strong); }
.aiq-success-icon { background: var(--aiq-world-accent); box-shadow: 0 6px 0 var(--aiq-world-accent-shadow); }
.aiq-welcome-card h1, .aiq-modal-card h2 { margin: 8px 0 12px; color: #173b57; line-height: 1.12; }
.aiq-welcome-card p, .aiq-modal-card p, .aiq-lesson-copy { line-height: 1.55; }
.aiq-welcome-card label { display: block; margin: 24px 0 7px; font-weight: 800; }
.aiq-welcome-card label small { font-weight: 500; color: #6d777b; }
.aiq-welcome-card input { width: 100%; margin-bottom: 14px; padding: 12px 14px; border: 2px solid #b8d5e8; border-radius: 12px; font: inherit; }
.aiq-welcome-card .aiq-primary { width: 100%; }
.aiq-privacy { margin-bottom: 0; color: #718087; font-size: 12px; text-align: center; }
.aiq-eyebrow { color: var(--aiq-blue-dark); font-size: 12px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; }
.aiq-close { position: absolute !important; z-index: 2; top: 22px !important; right: 22px !important; display: grid !important; place-items: center !important; float: none !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; aspect-ratio: 1 / 1; margin: 0 !important; padding: 0 !important; border: 2px solid rgba(118,141,159,.45) !important; border-radius: 50% !important; color: #1c7d82 !important; background: linear-gradient(180deg, #fffdf8, #f3efe3) !important; background-image: none !important; box-shadow: 0 7px 0 rgba(170,174,166,.38), 0 10px 18px rgba(27,56,72,.12) !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; cursor: pointer; }
.aiq-close:hover, .aiq-close:focus-visible { color: #fff !important; border-color: var(--aiq-world-accent) !important; background: var(--aiq-world-accent) !important; box-shadow: 0 7px 0 color-mix(in srgb, var(--aiq-world-accent) 68%, #5d6363), 0 10px 18px rgba(27,56,72,.12) !important; }
.aiq-modal.is-blocking .aiq-close { display: none !important; }
.aiq-mission { position: relative; margin: 22px 0; padding: 17px 72px 17px 78px; border: 2px solid color-mix(in srgb, var(--aiq-world-mission-accent) 30%, white); border-left: 7px solid var(--aiq-world-mission-accent); border-radius: 5px 18px 18px 5px; background: var(--aiq-world-mission-bg); overflow: hidden; }
.aiq-mission::before { content: '⚑'; position: absolute; left: 20px; top: 50%; display: grid; place-items: center; width: 44px; height: 44px; transform: translateY(-50%); border: 3px solid rgba(255,255,255,.9); border-radius: 50%; color: #fff; background: var(--aiq-world-mission-accent); box-shadow: 0 4px 0 color-mix(in srgb, var(--aiq-world-mission-accent) 70%, #7b4b00), 0 8px 18px rgba(39,71,91,.12); font-size: 22px; font-weight: 900; }
.aiq-mission::after { content: ''; position: absolute; right: 10px; bottom: -8px; width: 118px; height: 88px; background: var(--aiq-world-mission-accent); opacity: .13; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 110'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(50 55)'%3E%3Ccircle r='25'/%3E%3Ccircle r='9'/%3E%3Cpath d='M0-38v13M0 25v13M-38 0h13M25 0h13M-27-27l9 9M18 18l9 9M27-27l-9 9M-18 18l-9 9'/%3E%3C/g%3E%3Cpath d='M85 90v-30h28V35h34'/%3E%3Ccircle cx='147' cy='35' r='5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 110'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(50 55)'%3E%3Ccircle r='25'/%3E%3Ccircle r='9'/%3E%3Cpath d='M0-38v13M0 25v13M-38 0h13M25 0h13M-27-27l9 9M18 18l9 9M27-27l-9 9M-18 18l-9 9'/%3E%3C/g%3E%3Cpath d='M85 90v-30h28V35h34'/%3E%3Ccircle cx='147' cy='35' r='5'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
@media (max-width: 640px) { .aiq-mission { padding: 16px 18px 16px 62px; } .aiq-mission::before { left: 12px; width: 38px; height: 38px; font-size: 19px; } .aiq-mission::after { width: 82px; height: 62px; opacity: .10; } .aiq-modal-card::after { inset: 8px; } #aiq-modal-content::before { top: -4px; right: 70px; left: auto; width: 94px; height: 62px; opacity: .12; } #aiq-modal-content::after { left: 0; bottom: 2px; width: 104px; height: 66px; opacity: .09; } .aiq-clarify::before, .aiq-clarify::after { opacity: .08; } }
.aiq-mission p { margin: 3px 0 0; }
.aiq-duration { position: relative; display: inline-flex; align-items: center; margin: 0 0 18px; padding: 10px 16px 10px 42px; border-radius: 999px; color: color-mix(in srgb, var(--aiq-world-button) 78%, #4b6675); background: color-mix(in srgb, var(--aiq-world-soft-2) 78%, white); box-shadow: inset 0 1px 0 rgba(255,255,255,.92); font-size: 12px; font-weight: 800; }
.aiq-duration::before { content: '◷'; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--aiq-world-accent-2); font-size: 17px; line-height: 1; }
.aiq-step-dots { display: flex; gap: 7px; margin: 13px 0 18px; }
.aiq-step-dots span { width: 28px; height: 6px; border-radius: 6px; background: #d9e5ed; }
.aiq-step-dots span.is-active { background: var(--aiq-blue); }
.aiq-step-dots span.is-challenge { background: var(--aiq-gold); }
.aiq-concept-step-dots { align-items: center; }
.aiq-step-dot-button, .aiq-step-dot-future {
  display: block;
  flex: 0 0 28px;
  width: 28px;
  height: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: #d9e5ed;
}
.aiq-step-dot-button {
  appearance: none;
  cursor: pointer;
  transition: transform .14s ease, filter .14s ease, background .14s ease;
}
.aiq-step-dot-button.is-active { background: var(--aiq-world-accent); cursor: default; }
.aiq-step-dot-button.is-visited:not(.is-active) { background: color-mix(in srgb, var(--aiq-world-accent) 42%, #d9e5ed); }
.aiq-step-dot-button.is-visited:not(.is-active):hover,
.aiq-step-dot-button.is-visited:not(.is-active):focus-visible {
  outline: none;
  background: var(--aiq-world-accent);
  transform: scaleY(1.7);
  filter: brightness(1.03);
}
.aiq-step-dot-button:focus-visible { outline: 2px solid var(--aiq-world-strong); outline-offset: 4px; }
.aiq-concept-copy { font-size: 16px; line-height: 1.62; }
.aiq-concept-copy p { margin: 0 0 15px; }
.aiq-rule { position: relative; display: grid; gap: 4px; margin: 22px 0; padding: 17px 19px; border: 2px solid #b9dff1; border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.78), #eaf8ff); box-shadow: inset 0 1px 0 rgba(255,255,255,.82); overflow: hidden; }
.aiq-rule span { color: var(--aiq-blue-dark); font-size: 11px; font-weight: 900; letter-spacing: 1.3px; text-transform: uppercase; }
.aiq-rule strong { color: #234d69; font-size: 16px; }
.aiq-clarify { position: relative; overflow: hidden; margin: 22px 0; padding: 18px 16px; border: 2px solid #99dff1; border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.95), #eefbf9 56%, #fdf5e9 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
.aiq-clarify-head { display: flex; align-items: center; gap: 11px; }
.aiq-clarify-head strong, .aiq-clarify-head small { display: block; }
.aiq-clarify-head strong { color: #173b57; font-size: 16px; }
.aiq-clarify-head small { margin-top: 2px; color: #587286; font-size: 12px; }
.aiq-clarify-robot { display: grid; flex: 0 0 55px; width: 55px; height: 55px; place-items: center; overflow: hidden; border: 3px solid #fff; border-radius: 50%; background: #a9ecfb; box-shadow: 0 4px 11px rgba(31,103,145,.16); }
.aiq-clarify-robot img { display: block; width: 52px; height: 52px; object-fit: contain; }
.aiq-clarify > * { position: relative; z-index: 1; }
.aiq-clarify::before, .aiq-clarify::after { content: ''; position: absolute; pointer-events: none; z-index: 0; }
.aiq-clarify::before { top: 12px; right: 12px; width: 94px; height: 64px; background: var(--aiq-world-modal-border); opacity: .10; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 130'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 115V28h68'/%3E%3Cpath d='M16 72h44V16h84'/%3E%3Cpath d='M145 16h46'/%3E%3Ccircle cx='96' cy='28' r='15'/%3E%3Ccircle cx='188' cy='16' r='5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 130'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 115V28h68'/%3E%3Cpath d='M16 72h44V16h84'/%3E%3Cpath d='M145 16h46'/%3E%3Ccircle cx='96' cy='28' r='15'/%3E%3Ccircle cx='188' cy='16' r='5'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transform: scaleX(-1); transform-origin: center; }
.aiq-clarify::after { left: 50%; bottom: 8px; width: 122px; height: 76px; transform: translateX(-50%); background: var(--aiq-world-mission-accent); opacity: .11; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 140'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 24v60h52v24h76'/%3E%3Cg transform='translate(78 34)'%3E%3Ccircle r='18'/%3E%3Ccircle r='6'/%3E%3Cpath d='M0-27v9M0 18v9M-27 0h9M18 0h9M-19-19l7 7M12 12l7 7M19-19l-7 7M-12 12l-7 7'/%3E%3C/g%3E%3Cpath d='M147 108V82h42V48h30'/%3E%3Ccircle cx='224' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 140'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 24v60h52v24h76'/%3E%3Cg transform='translate(78 34)'%3E%3Ccircle r='18'/%3E%3Ccircle r='6'/%3E%3Cpath d='M0-27v9M0 18v9M-27 0h9M18 0h9M-19-19l7 7M12 12l7 7M19-19l-7 7M-12 12l-7 7'/%3E%3C/g%3E%3Cpath d='M147 108V82h42V48h30'/%3E%3Ccircle cx='224' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.aiq-clarify-toggle { appearance: none; display: block; width: auto; min-width: min(260px, 100%); max-width: 100%; margin: 13px auto 0; padding: 10px 24px; border: 2px solid #2f80ed !important; border-radius: 12px !important; color: #155bb5 !important; background: #fff !important; box-shadow: none !important; font: inherit; font-size: 13px; font-weight: 900; text-align: center; cursor: pointer; }
.aiq-clarify-toggle:hover, .aiq-clarify-toggle:focus-visible { color: #0e4b91 !important; background: #f8fdff !important; transform: none !important; }
.aiq-clarify-form[hidden], .aiq-clarify-answer[hidden] { display: none; }
.aiq-clarify-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid #bce4f2; }
.aiq-clarify-form label { display: block; margin-bottom: 6px; color: #294b62; font-size: 13px; font-weight: 900; }
.aiq-clarify-form textarea { display: block; width: 100%; min-height: 88px; padding: 11px 12px; resize: vertical; border: 2px solid #b7d9e8; border-radius: 12px; color: #243541; background: #fff; font: inherit; line-height: 1.4; outline: none; }
.aiq-clarify-form textarea:focus { border-color: var(--aiq-blue); box-shadow: 0 0 0 3px rgba(47,128,237,.13); }
.aiq-clarify-privacy { margin: 7px 0 0; color: #687e8d; font-size: 10px; line-height: 1.4; }
.aiq-clarify-submit { display: block; width: auto; min-width: min(260px, 100%); max-width: 100%; margin: 12px auto 0; padding: 10px 15px; font-size: 13px; text-align: center; }
.aiq-clarify-submit:disabled { cursor: wait; opacity: .65; transform: none; }
.aiq-clarify-status { min-height: 18px; margin: 9px 0 0; color: #657987; font-size: 12px; }
.aiq-clarify-status.is-error { color: #9b3d44; }
.aiq-clarify-answer { margin-top: 14px; padding: 13px 14px; border-left: 5px solid var(--aiq-gold); border-radius: 11px; color: #17435f; background: #fff; box-shadow: 0 5px 14px rgba(34,88,119,.09); font-size: 14px; line-height: 1.55; }
.aiq-clarify-answer strong { color: #155bb5; }
.aiq-clarify-answer p { margin: 5px 0 0; }
.aiq-options { display: grid; gap: 11px; margin-top: 22px; }
.aiq-option { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px; border: 2px solid #c8dde9; border-radius: 14px; color: var(--aiq-ink); background: white; text-align: left; }
.aiq-option > span { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #155bb5; background: #e3f5ff; }
.aiq-option:hover:not(:disabled), .aiq-option:focus-visible { border-color: var(--aiq-blue); transform: translateY(-1px); }
.aiq-option:disabled { color: #6d7b84 !important; opacity: 1 !important; cursor: default; }
.aiq-option.is-wrong, .aiq-option.is-wrong:disabled { border-color: #db9a9e !important; color: #783b42 !important; background: #fff0f0 !important; }
.aiq-option.is-right, .aiq-option.is-right:disabled { border-color: #37a9d0 !important; color: #15506d !important; background: #e8f8ff !important; }
.aiq-option.is-wrong > span { color: #8f3038; background: #ffdfe1; }
.aiq-option.is-right > span { color: #155bb5; background: #d9f3ff; }
.aiq-feedback { min-height: 25px; margin-top: 16px; font-weight: 700; }
.aiq-feedback p { margin: 5px 0 0; font-weight: 500; }
.aiq-feedback.is-hint, .aiq-feedback.is-correct { padding: 13px 15px; border-radius: 13px; }
.aiq-feedback.is-hint { color: #7a5117; background: #fff3cf; }
.aiq-feedback.is-correct { color: #15506d; background: #e8f8ff; }
.aiq-feedback.is-correct .aiq-primary { display: block; margin-top: 15px; }
.aiq-success-icon { display: grid; place-items: center; width: 68px; height: 68px; margin: 0 auto 15px; border-radius: 50%; color: white; background: #20b8df; box-shadow: 0 6px 0 #2376c9; font-size: 38px; font-weight: 900; }
.aiq-reward { display: flex; justify-content: space-between; align-items: center; margin: 22px 0; padding: 14px 17px; border-radius: 14px; color: #72530e; background: #fff2c4; }
.aiq-reward span { color: #dc9f12; letter-spacing: 3px; }
.aiq-badge { display: flex; align-items: center; gap: 13px; margin: 18px 0; padding: 14px; border: 2px solid #b8dced; border-radius: 16px; background: #edf8ff; }
.aiq-badge b, .aiq-badge small { display: block; }
.aiq-badge small { margin-top: 3px; color: #596f80; }
.aiq-parent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 22px 0; }
.aiq-parent-profiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 17px 0 5px; }
.aiq-parent-profile { appearance: none; display: grid; gap: 3px; min-width: 0; padding: 10px !important; border: 2px solid #d3e2ec !important; border-radius: 12px !important; color: #48667a !important; background: #f7fbfd !important; box-shadow: none !important; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.aiq-parent-profile:hover, .aiq-parent-profile:focus-visible, .aiq-parent-profile.is-active { border-color: var(--aiq-blue) !important; color: #155bb5 !important; background: #eaf7ff !important; transform: none; }
.aiq-parent-profile strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.aiq-parent-profile small { color: #6b8291; font-size: 10px; }
.aiq-parent-grid div { padding: 15px 8px; border-radius: 14px; background: #edf6fb; text-align: center; }
.aiq-parent-grid strong, .aiq-parent-grid span { display: block; }
.aiq-parent-grid strong { color: #176fc0; font-size: 25px; }
.aiq-parent-grid span { margin-top: 3px; font-size: 12px; }
.aiq-parent-worlds { display: grid; gap: 9px; margin: 0 0 20px; }
.aiq-parent-world-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border: 1px solid #d6e4ed; border-radius: 14px; background: #f7fbfd; }
.aiq-parent-world-card.is-complete { border-color: #8fcde7; background: #eefaff; }
.aiq-parent-world-card > div:first-child { min-width: 0; }
.aiq-parent-world-card > div:first-child span, .aiq-parent-world-card > div:first-child strong { display: block; }
.aiq-parent-world-card > div:first-child span { margin-bottom: 2px; color: #1971c2; font-size: 10px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.aiq-parent-world-card > div:first-child strong { color: #173d59; font-size: 13px; }
.aiq-parent-world-stats { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.aiq-parent-world-stats b { padding: 5px 8px; border-radius: 999px; color: #315b78; background: #e7f2f8; font-size: 10px; white-space: nowrap; }
.aiq-parent-world-detail { margin: 0 0 22px; }
.aiq-parent-world-detail .aiq-section-title { margin-bottom: 8px; }
.aiq-time-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0 0 14px; }
.aiq-time-summary div { padding: 13px; border-radius: 13px; background: #edf6fb; text-align: center; }
.aiq-time-summary strong, .aiq-time-summary span { display: block; }
.aiq-time-summary strong { color: #176fc0; font-size: 20px; }
.aiq-time-summary span { margin-top: 3px; color: #596f80; font-size: 11px; }
.aiq-parent-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #d4dfe8; border-radius: 14px; }
.aiq-parent-table { width: 100%; min-width: 510px; border-collapse: collapse; background: #fff; font-size: 12px; }
.aiq-parent-table th, .aiq-parent-table td { padding: 10px 9px; border-bottom: 1px solid #e2e9ef; text-align: left; vertical-align: middle; }
.aiq-parent-table thead th { color: #315b78; background: #eef7fc; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; }
.aiq-parent-table tbody tr:last-child th, .aiq-parent-table tbody tr:last-child td { border-bottom: 0; }
.aiq-parent-table tbody th { display: flex; align-items: center; gap: 8px; max-width: 220px; font-weight: 700; }
.aiq-parent-table tbody th span { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: #fff; background: #2f80ed; }
.aiq-parent-ai-questions { color: #176fc0; font-weight: 800; text-align: center !important; white-space: nowrap; }
.aiq-parent-stars { color: #dca019; letter-spacing: 1px; white-space: nowrap; }
.aiq-table-note { margin: 8px 0 0; color: #718493; font-size: 11px; }
.aiq-last-activity { margin: 12px 0; color: #596f80; font-size: 12px; }
.aiq-parent-note { color: #5b6f7e; font-size: 13px; }
.aiq-reset { color: #97474b; border-color: #be777a; }
.aiq-family-badge { display: flex; align-items: center; gap: 12px; margin: 18px 0; padding: 13px; border: 2px dashed #bbc8d3; border-radius: 15px; color: #687989; background: #f2f5f8; }
.aiq-family-badge.is-earned { border-style: solid; border-color: #74bde0; color: #1f5f86; background: #e9f7ff; }
.aiq-family-badge strong, .aiq-family-badge small { display: block; }
.aiq-family-badge small { margin-top: 3px; }
.aiq-mini-shield { display: grid; place-items: center; flex: 0 0 auto; width: 58px; height: 62px; }
.aiq-mini-shield img { display: block; width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); opacity: .42; }
.aiq-family-badge.is-earned .aiq-mini-shield img { filter: none; opacity: 1; }
.aiq-section-title { margin: 25px 0 11px; color: #315b78; font-size: 15px; }
.aiq-module-star-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.aiq-module-stars { padding: 10px 5px; border: 1px solid #d6e0e8; border-radius: 12px; background: #f8fafc; text-align: center; }
.aiq-module-stars b, .aiq-module-stars span { display: block; }
.aiq-module-stars b { color: #3d6076; font-size: 12px; }
.aiq-module-stars span { margin-top: 5px; color: #dca019; font-size: 12px; letter-spacing: 1px; white-space: nowrap; }
.aiq-badge-collection { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.aiq-collection-badge { min-width: 0; padding: 14px 8px; border: 2px solid #d4dfe8; border-radius: 15px; background: #f5f7f9; text-align: center; }
.aiq-collection-badge-button { width: 100%; appearance: none; font: inherit; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.aiq-collection-badge-button:hover, .aiq-collection-badge-button:focus-visible { transform: translateY(-2px); border-color: #4aa9df; box-shadow: 0 12px 24px rgba(23, 91, 144, .12); }
.aiq-collection-badge.is-earned { border-color: #75bde0; background: linear-gradient(180deg, #f1fbff, #e3f4ff); }
.aiq-collection-badge strong, .aiq-collection-badge small { display: block; }
.aiq-collection-badge strong { margin-top: 8px; color: #4b6070; font-size: 12px; line-height: 1.2; }
.aiq-collection-badge.is-earned strong { color: #175d91; }
.aiq-collection-badge small { margin-top: 5px; color: #7f8d99; font-size: 10px; }
.aiq-shield { display: grid; place-items: center; width: 52px; height: 58px; margin: 0 auto; border-radius: 16px 16px 22px 22px; color: #8d9aa6; background: #dde4ea; box-shadow: inset 0 2px 2px rgba(255,255,255,.7); font-size: 22px; font-weight: 900; }
.aiq-collection-badge.is-earned .aiq-shield { width: 66px; height: 72px; color: white; background: transparent; box-shadow: none; }
.aiq-shield img { display: block; width: 100%; height: 100%; object-fit: contain; }
.aiq-badge-preview { text-align: center; padding: 6px 4px 10px; }
.aiq-badge-preview-art { display: flex; justify-content: center; margin: 18px 0 12px; }
.aiq-badge-preview-art img { display: block; width: min(320px, 78vw); max-width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 14px 22px rgba(23, 59, 87, .18)); }
.aiq-badge-preview-copy { max-width: 420px; margin: 0 auto; color: #35556b; font-size: 16px; line-height: 1.5; }
.aiq-badge-preview-world { margin: 6px 0 0; color: var(--aiq-world-strong); font-size: 14px; font-weight: 800; }
.aiq-badge-preview-actions { margin-top: 18px; display: flex; justify-content: center; }
.aiq-modal.is-badge-preview .aiq-modal-card { width: min(560px, 100%); }
.aiq-toast { position: fixed; z-index: 200; left: 50%; bottom: 24px; max-width: calc(100% - 32px); padding: 12px 18px; border-radius: 13px; color: white; background: #233f47; box-shadow: var(--aiq-shadow); opacity: 0; transform: translate(-50%, 20px); pointer-events: none; transition: .25s; }
.aiq-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

.aiq-family-app {
  min-height: 100vh;
  background:
    radial-gradient(circle at 78% 38%, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 22%),
    linear-gradient(90deg, #1f61c5 0%, #367fe7 58%, #35b9ef 100%);
}
.aiq-family-hud { position: relative; }
.aiq-family-logout { padding: 8px 12px; border: 2px solid rgba(23,59,87,.2); border-radius: 12px; color: #155bb5; background: rgba(255,255,255,.86); font-size: 12px; font-weight: 900; text-decoration: none; }
.aiq-family-logout:hover { color: #155bb5; background: #fff; }
.aiq-family-stage, .aiq-profile-stage { min-height: calc(100vh - 67px); padding: clamp(48px, 9vw, 95px) 18px 45px; }
.aiq-family-stage { display: grid; place-items: start center; }
.aiq-auth-card { width: min(590px, 100%); padding: clamp(25px, 5vw, 44px); border: 3px solid rgba(255,255,255,.92); border-radius: 28px; background: rgba(255,253,247,.97); box-shadow: var(--aiq-shadow); }
.aiq-auth-card h1, .aiq-profile-stage h1 { margin: 8px 0 11px; color: #173b57; font-size: clamp(30px, 5vw, 47px); line-height: 1.06; letter-spacing: -.025em; }
.aiq-auth-intro, .aiq-profile-stage > p { color: #526b7d; line-height: 1.55; }
.aiq-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 25px 0 20px; padding: 5px; border-radius: 14px; background: #e6f1f7; }
.aiq-auth-tabs button { padding: 10px; border: 0; border-radius: 10px; color: #557083; background: transparent; font: inherit; font-weight: 900; cursor: pointer; }
.aiq-auth-tabs button.is-active { color: #155bb5; background: white; box-shadow: 0 3px 10px rgba(42,91,124,.12); }
.aiq-family-form[hidden] { display: none; }
.aiq-family-form > label, .aiq-pin-form label { display: block; margin: 14px 0 6px; color: #294b62; font-size: 13px; font-weight: 900; }
.aiq-family-form > label small { color: #748796; font-weight: 600; }
.aiq-family-form > label input, .aiq-pin-form input { display: block; width: 100%; margin-top: 6px; padding: 12px 13px; border: 2px solid #bad5e5; border-radius: 12px; color: #243541; background: #fff; font: inherit; outline: none; }
.aiq-family-form > label input:focus, .aiq-pin-form input:focus { border-color: var(--aiq-blue); box-shadow: 0 0 0 3px rgba(47,128,237,.13); }
.aiq-family-form > .aiq-primary { width: 100%; margin-top: 18px; }
.aiq-family-form button:disabled, .aiq-pin-form button:disabled { cursor: wait; opacity: .65; }
.aiq-form-status { min-height: 20px; margin: 10px 0 0; font-size: 13px; text-align: center; }
.aiq-form-status.is-error { color: #9b3d44; }
.aiq-reset-link { display: block; margin-top: 15px; color: #155bb5; font-size: 13px; text-align: center; }
.aiq-text-button { appearance: none; display: block; width: 100%; margin-top: 16px; padding: 7px; border: 0 !important; color: #155bb5 !important; background: transparent !important; box-shadow: none !important; font: inherit; font-size: 13px; font-weight: 800; text-align: center; text-decoration: underline; cursor: pointer; }
.aiq-text-button:hover, .aiq-text-button:focus-visible { color: #0d477e !important; background: transparent !important; }
.aiq-paywall-offer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 0; padding: 17px 18px; border: 3px solid var(--aiq-gold); border-radius: 17px; background: #fff6d5; }
.aiq-paywall-offer strong, .aiq-paywall-offer span { display: block; }
.aiq-paywall-offer strong { color: #173b57; font-size: 17px; }
.aiq-paywall-offer span { margin-top: 4px; color: #667783; font-size: 12px; }
.aiq-paywall-offer > b { flex: 0 0 auto; color: #155bb5; font-size: 29px; white-space: nowrap; }
.aiq-conversion-form { margin-top: 22px; padding-top: 20px; border-top: 2px solid #e4edf2; }
.aiq-conversion-form h3 { margin: 0 0 6px; color: #294b62; font-size: 18px; }
.aiq-payment-test-note { margin: 15px 0 0 !important; padding: 11px 13px; border-radius: 11px; color: #6f5a1f; background: #fff7dc; font-size: 11px; text-align: center; }
.aiq-return-map { display: block; width: 100%; margin-top: 10px; }
.aiq-avatar-picker { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 18px 0 2px; padding: 0; border: 0; }
.aiq-avatar-picker legend { grid-column: 1 / -1; margin-bottom: 4px; color: #294b62; font-size: 13px; font-weight: 900; }
.aiq-avatar-option { position: relative; display: grid; place-items: center; gap: 4px; margin: 0; padding: 8px 4px; border: 2px solid #d2e0e9; border-radius: 14px; background: #fff; cursor: pointer; }
.aiq-avatar-option.is-used { cursor: not-allowed; filter: grayscale(.65); opacity: .48; }
.aiq-avatar-option input { position: absolute; opacity: 0; pointer-events: none; }
.aiq-avatar-option:has(input:checked) { border-color: var(--aiq-blue); box-shadow: 0 0 0 3px rgba(47,128,237,.12); }
.aiq-avatar-option > span { display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; border-radius: 50%; }
.aiq-avatar-option img { width: 54px; height: 54px; object-fit: contain; }
.aiq-avatar-option small { color: #50697a; font-size: 11px; font-weight: 800; }
.aiq-guest-avatar-picker { margin-top: 20px; }
.aiq-guest-avatar-picker legend { font-size: 14px; }
.aiq-guest-avatar-picker .aiq-avatar-option { min-height: auto; padding: 4px 2px; border: 0; border-radius: 0; background: transparent; box-shadow: none; gap: 7px; }
.aiq-guest-avatar-picker .aiq-avatar-option > span { width: 125px; height: 125px; }
.aiq-guest-avatar-picker .aiq-avatar-option img { width: 115px; height: 115px; }
.aiq-guest-avatar-picker .aiq-avatar-option:has(input:checked) { transform: translateY(-2px); }
.aiq-guest-avatar-picker .aiq-avatar-option:has(input:checked) > span { box-shadow: 0 0 0 4px rgba(47,128,237,.18); }
.aiq-guest-avatar-picker .aiq-avatar-option:has(input:checked) small { color: #155bb5; }
.aiq-avatar-nova > span, .aiq-avatar-nova .aiq-profile-avatar { background: #a9ecfb; }
.aiq-avatar-rayo > span, .aiq-avatar-rayo .aiq-profile-avatar { background: #ffe27f; }
.aiq-avatar-cometa > span, .aiq-avatar-cometa .aiq-profile-avatar { background: #b9d1ff; }
.aiq-profile-stage { max-width: 1180px; margin: 0 auto; text-align: center; }
.aiq-profile-stage > .aiq-eyebrow { color: rgba(255,255,255,.9); }
.aiq-profile-stage > h1 { color: #fff; text-shadow: 0 3px 16px rgba(9,45,94,.18); }
.aiq-profile-stage > p { max-width: 620px; margin: 0 auto; color: rgba(255,255,255,.88); }
.aiq-profile-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); margin-top: 40px; }
.aiq-profile-card { appearance: none; display: flex; min-width: 0; min-height: 265px; align-items: center; flex-direction: column; justify-content: center; padding: 21px 13px; border: 3px solid rgba(255,255,255,.92); border-radius: 24px; color: #173b57; background: rgba(255,255,255,.75); box-shadow: 0 13px 30px rgba(32,87,124,.14); font: inherit; text-align: center; text-decoration: none; cursor: pointer; transition: transform .18s, box-shadow .18s, border-color .18s; }
.aiq-profile-card:hover, .aiq-profile-card:focus-visible { border-color: var(--aiq-gold) !important; color: #173b57 !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 18px 35px rgba(32,87,124,.22) !important; transform: translateY(-5px); }
.aiq-profile-card:hover strong, .aiq-profile-card:focus-visible strong { color: #173b57 !important; }
.aiq-profile-card:hover small, .aiq-profile-card:focus-visible small { color: #50697a !important; }
.aiq-profile-avatar { display: grid; place-items: center; width: 132px; height: 132px; margin-bottom: 15px; overflow: hidden; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 8px 18px rgba(29,84,118,.18); }
.aiq-profile-avatar img { width: 124px; height: 124px; object-fit: contain; }
.aiq-profile-card strong { font-size: 21px; }
.aiq-profile-card small { margin-top: 7px; color: #617889; font-size: 12px; }
.aiq-profile-plus { display: grid; place-items: center; width: 108px; height: 108px; margin-bottom: 24px; border: 4px dashed #7fb6d4; border-radius: 50%; color: #2f80ed; background: #edf9ff; font-size: 54px; font-weight: 400; line-height: 1; }
.aiq-profile-empty { border-style: dashed; color: #8395a2; background: rgba(255,255,255,.35); box-shadow: none; cursor: default; opacity: .6; }
.aiq-profile-empty:hover { border-color: rgba(255,255,255,.92); box-shadow: none; transform: none; }
.aiq-profile-empty > span { width: 95px; height: 95px; margin-bottom: 20px; border-radius: 50%; background: rgba(128,170,195,.18); }
.aiq-parent-entry { border-color: rgba(255,200,61,.85) !important; color: #173b57 !important; background: linear-gradient(180deg, rgba(255,251,231,.96), rgba(255,238,174,.88)) !important; }
.aiq-parent-entry:hover, .aiq-parent-entry:focus-visible { border-color: #f2b600 !important; color: #173b57 !important; background: linear-gradient(180deg, #fffef6, #ffe99b) !important; }
.aiq-parent-entry:hover strong, .aiq-parent-entry:focus-visible strong { color: #173b57 !important; }
.aiq-parent-entry:hover small, .aiq-parent-entry:focus-visible small { color: #536978 !important; }
.aiq-parent-entry .aiq-profile-avatar { background: #fff1b5; }
.aiq-family-summary-grid { display: grid; gap: 13px; margin-top: 20px; }
.aiq-family-summary { padding: 15px; border: 2px solid #d4e4ed; border-radius: 17px; background: #f8fcfe; }
.aiq-family-summary-head { display: flex; align-items: center; gap: 12px; }
.aiq-family-summary-head > span { display: grid; place-items: center; flex: 0 0 64px; width: 64px; height: 64px; overflow: hidden; border-radius: 50%; background: #dff5ff; }
.aiq-family-summary-head img { width: 62px; height: 62px; object-fit: contain; }
.aiq-family-summary-head strong, .aiq-family-summary-head small { display: block; }
.aiq-family-summary-head strong { color: #173b57; font-size: 17px; }
.aiq-family-summary-head small { margin-top: 3px; color: #647b8b; font-size: 11px; }
.aiq-family-summary-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 13px 0; }
.aiq-family-summary-stats span { padding: 8px 4px; border-radius: 9px; color: #587083; background: #eaf5fb; font-size: 9px; text-align: center; }
.aiq-family-summary-stats b { display: block; color: #176fc0; font-size: 12px; }
.aiq-family-activity { display: block; margin: 0 0 10px; color: #738593; font-size: 10px; }
.aiq-family-summary .aiq-secondary { display: block; width: 100%; text-align: center; text-decoration: none; }
.aiq-pin-form { margin-top: 20px; }
.aiq-pin-form .aiq-primary { width: 100%; margin-top: 14px; }

@media (max-width: 540px) {
  .aiq-welcome, .aiq-modal { padding: 10px; }
  .aiq-welcome-card, .aiq-modal-card {
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
  }
  #aiq-modal-content,
  #aiq-family-modal .aiq-family-form:not([hidden]),
  #aiq-family-modal #aiq-family-dashboard:not([hidden]) { padding-right: 4px; }
  .aiq-family-form input, .aiq-pin-form input, .aiq-welcome-card input, .aiq-clarify-form textarea { font-size: 16px !important; }
  .aiq-brand small { display: none; }
  .aiq-hud { gap: 8px; padding: 10px 8px; }
  .aiq-brand { min-height: 72px; padding-left: 98px; padding-right: 8px; }
  .aiq-brand-mascot { left: -8px; width: 93px; height: 123px; transform: translateY(-32%); }
  .aiq-brand > div { max-width: 170px; }
  .aiq-brand strong { font-size: 11px; line-height: 1.1; }
  .aiq-hud-tools { flex: 0 0 auto; gap: 6px; }
  .aiq-stats { gap: 4px; }
  .aiq-stats span { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; padding: 6px 6px; font-size: 10px; line-height: 1; white-space: nowrap; }
  .aiq-backpack-button, .aiq-sound-button, .aiq-profile-switch { padding: 7px; font-size: 0; }
  .aiq-backpack-button span, .aiq-sound-button > span:first-child, .aiq-profile-switch span { width: 22px; height: 22px; font-size: 12px; }
  .aiq-menu-toggle { width: 38px; height: 38px; }
  .aiq-action-menu { right: -2px; width: min(290px, calc(100vw - 18px)); }
  .aiq-level { width: 38%; }
  .aiq-level-state { width: 32px; height: 32px; font-size: 16px; }
  .aiq-level.is-locked .aiq-level-state::before { width: 12px; height: 10px; }
  .aiq-level.is-locked .aiq-level-state::after { width: 9px; height: 9px; border-width: 3px; }
  .aiq-world-intro { padding-top: 28px; }
  .aiq-world-intro h1 { font-size: 34px; }
  .aiq-marker { left: 39.5%; width: 34.13%; }
  .aiq-footer { align-items: center; flex-direction: column; text-align: center; }
  .aiq-parent-grid { grid-template-columns: 1fr; }
  .aiq-parent-world-card { align-items: flex-start; flex-direction: column; }
  .aiq-parent-world-stats { justify-content: flex-start; }
  .aiq-time-summary { grid-template-columns: 1fr 1fr; }
  .aiq-badge-collection { grid-template-columns: repeat(2, 1fr); }
  .aiq-module-star-grid { gap: 4px; }
  .aiq-module-stars { padding: 8px 2px; }
  .aiq-module-stars span { font-size: 10px; letter-spacing: 0; }
  .aiq-family-stage, .aiq-profile-stage { padding-top: 48px; }
  .aiq-profile-grid { grid-template-columns: 1fr; max-width: 330px; margin: 28px auto 0; }
  .aiq-profile-card { min-height: 245px; }
  .aiq-profile-empty { display: none; }
  .aiq-avatar-picker { gap: 5px; }
  .aiq-avatar-option > span { width: 49px; height: 49px; }
  .aiq-guest-avatar-picker .aiq-avatar-option { min-height: auto; padding: 3px 1px; }
  .aiq-guest-avatar-picker .aiq-avatar-option > span { width: 98px; height: 98px; }
  .aiq-guest-avatar-picker .aiq-avatar-option img { width: 91px; height: 91px; }
}

@media (min-width: 541px) and (max-width: 980px) {
  .aiq-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 800px) {
  .aiq-world-intro { max-width: 900px; padding-top: 34px; padding-bottom: 30px; }
  .aiq-map { width: 100%; }
  .aiq-level { width: 15.5%; height: 22%; }
  .aiq-level-1 { left: 21.3%; top: 44.2%; }
  .aiq-level-2 { left: 44.5%; top: 23.1%; }
  .aiq-level-3 { left: 48.8%; top: 47.7%; }
  .aiq-level-4 { left: 74.5%; top: 35.8%; }
  .aiq-level-5 { left: 33.5%; top: 72.5%; }
  .aiq-level-6 { left: 66.2%; top: 69.7%; }
  .aiq-marker { width: 14.69%; transition: left .62s cubic-bezier(.2,.85,.3,1.12), top .62s cubic-bezier(.2,.85,.3,1.12); }
  .aiq-marker[data-position="1"] { left: 12.5%; top: 48.0%; }
  .aiq-marker[data-position="2"] { left: 36.0%; top: 26.8%; }
  .aiq-marker[data-position="3"] { left: 40.2%; top: 51.4%; }
  .aiq-marker[data-position="4"] { left: 66.0%; top: 39.5%; }
  .aiq-marker[data-position="5"] { left: 25.0%; top: 76.2%; }
  .aiq-marker[data-position="6"] { left: 57.9%; top: 73.4%; }
  .aiq-footer { max-width: 100%; padding-inline: clamp(24px, 4vw, 70px); }
}


/* Wide Zona para padres on desktop and landscape tablets: tables fit without horizontal scrolling. */
@media (min-width: 1024px), (min-width: 768px) and (orientation: landscape) {
  .aiq-modal.is-parent .aiq-modal-card {
    width: min(1240px, calc(100vw - 40px));
    max-height: min(900px, 94vh);
    max-height: min(900px, 94dvh);
    padding: clamp(28px, 3vw, 42px);
  }
  .aiq-modal.is-parent #aiq-modal-content { padding-right: 12px; }
  .aiq-modal.is-parent .aiq-parent-table-wrap { overflow-x: hidden; }
  .aiq-modal.is-parent .aiq-parent-table { min-width: 0; table-layout: fixed; }
  .aiq-modal.is-parent .aiq-parent-table thead th:nth-child(1) { width: 42%; }
  .aiq-modal.is-parent .aiq-parent-table thead th:nth-child(2) { width: 16%; }
  .aiq-modal.is-parent .aiq-parent-table thead th:nth-child(3) { width: 10%; }
  .aiq-modal.is-parent .aiq-parent-table thead th:nth-child(4) { width: 16%; }
  .aiq-modal.is-parent .aiq-parent-table thead th:nth-child(5) { width: 16%; }
  .aiq-modal.is-parent .aiq-parent-table tbody th { max-width: none; }
  .aiq-modal.is-parent .aiq-parent-table th,
  .aiq-modal.is-parent .aiq-parent-table td { padding: 12px 12px; }
}

/* Wide two-column concept modal for desktop and landscape tablets. */
@media (min-width: 1024px), (min-width: 768px) and (orientation: landscape) {
  .aiq-modal.is-concept .aiq-modal-card {
    width: min(1120px, calc(100vw - 48px));
    max-height: min(800px, 92vh);
    max-height: min(800px, 92dvh);
    padding: clamp(28px, 3vw, 42px);
  }
  .aiq-modal.is-concept .aiq-concept-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    gap: clamp(34px, 4vw, 58px);
    align-items: start;
  }
  .aiq-modal.is-concept .aiq-concept-main {
    min-width: 0;
    padding-right: clamp(8px, 1vw, 16px);
  }
  .aiq-modal.is-concept .aiq-clarify {
    position: sticky;
    top: 0;
    margin: 0;
    padding: 6px 0 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  .aiq-modal.is-concept .aiq-clarify::before {
    top: -4px;
    right: 18px;
    width: 136px;
    height: 86px;
    opacity: .14;
  }
  .aiq-modal.is-concept .aiq-clarify::after {
    bottom: -8px;
    width: 144px;
    height: 90px;
    opacity: .12;
  }
  .aiq-modal.is-concept .aiq-clarify-head {
    display: block;
    text-align: center;
  }
  .aiq-modal.is-concept .aiq-clarify-head > div {
    margin-top: 4px;
  }
  .aiq-modal.is-concept .aiq-clarify-head strong {
    font-size: 20px;
  }
  .aiq-modal.is-concept .aiq-clarify-head small {
    margin-top: 5px;
    font-size: 13px;
  }
  .aiq-modal.is-concept .aiq-clarify-robot {
    display: block;
    width: min(210px, 70%);
    height: auto;
    margin: 0 auto 8px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .aiq-modal.is-concept .aiq-clarify-robot img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 230px;
    object-fit: contain;
  }
  .aiq-modal.is-concept .aiq-clarify-toggle {
    max-width: 340px;
    margin: 18px auto 0;
  }
  .aiq-modal.is-concept .aiq-clarify-form,
  .aiq-modal.is-concept .aiq-clarify-answer {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aiq-app *, .aiq-app *::before, .aiq-app *::after { scroll-behavior: auto !important; transition: none !important; }
  .aiq-marker img { animation: none !important; }
}

/* Mundo 1: posiciones ajustadas al mapa La puerta de la IA. */
@media (max-width: 799px) {
  .aiq-world-1 .aiq-level { width: 34%; height: 9.2%; }
  .aiq-world-1 .aiq-level-1 { left: 50.4%; top: 20.4%; }
  .aiq-world-1 .aiq-level-2 { left: 63.2%; top: 34.3%; }
  .aiq-world-1 .aiq-level-3 { left: 36.1%; top: 42.0%; }
  .aiq-world-1 .aiq-level-4 { left: 61.2%; top: 55.6%; }
  .aiq-world-1 .aiq-level-5 { left: 35.7%; top: 67.8%; }
  .aiq-world-1 .aiq-level-6 { left: 55.1%; top: 81.9%; }
  .aiq-world-1 .aiq-marker { width: 31%; }
  .aiq-world-1 .aiq-marker[data-position="1"] { left: 38.8%; top: 23.6%; }
  .aiq-world-1 .aiq-marker[data-position="2"] { left: 51.6%; top: 37.9%; }
  .aiq-world-1 .aiq-marker[data-position="3"] { left: 24.8%; top: 45.4%; }
  .aiq-world-1 .aiq-marker[data-position="4"] { left: 49.5%; top: 59.0%; }
  .aiq-world-1 .aiq-marker[data-position="5"] { left: 24.0%; top: 71.0%; }
  .aiq-world-1 .aiq-marker[data-position="6"] { left: 43.1%; top: 85.1%; }
}

@media (min-width: 800px) {
  .aiq-world-1 .aiq-level { width: 16.5%; height: 22%; }
  .aiq-world-1 .aiq-level-1 { left: 22.8%; top: 48.0%; }
  .aiq-world-1 .aiq-level-2 { left: 45.0%; top: 24.4%; }
  .aiq-world-1 .aiq-level-3 { left: 50.4%; top: 48.2%; }
  .aiq-world-1 .aiq-level-4 { left: 75.2%; top: 34.0%; }
  .aiq-world-1 .aiq-level-5 { left: 38.7%; top: 72.6%; }
  .aiq-world-1 .aiq-level-6 { left: 70.5%; top: 66.9%; }
  .aiq-world-1 .aiq-marker { width: 14.7%; }
  .aiq-world-1 .aiq-marker[data-position="1"] { left: 14.3%; top: 51.2%; }
  .aiq-world-1 .aiq-marker[data-position="2"] { left: 37.2%; top: 27.5%; }
  .aiq-world-1 .aiq-marker[data-position="3"] { left: 42.5%; top: 51.5%; }
  .aiq-world-1 .aiq-marker[data-position="4"] { left: 67.4%; top: 37.4%; }
  .aiq-world-1 .aiq-marker[data-position="5"] { left: 30.8%; top: 75.8%; }
  .aiq-world-1 .aiq-marker[data-position="6"] { left: 62.5%; top: 70.2%; }
}

.aiq-world-nav-arrow {
  position: absolute;
  z-index: 12;
  top: 50%;
  appearance: none;
  border: 0 !important;
  padding: 0 !important;
  width: auto;
  color: #e74c3c;
  background: transparent !important;
  box-shadow: none !important;
  font: 900 clamp(82px, 9vw, 142px)/.8 Arial, sans-serif;
  -webkit-text-stroke: 5px #fff;
  paint-order: stroke fill;
  filter: drop-shadow(0 8px 8px rgba(13,55,80,.30));
  cursor: pointer;
}
.aiq-world-nav-arrow[hidden] { display: none !important; }
.aiq-world-nav-arrow:hover, .aiq-world-nav-arrow:focus-visible {
  color: #e74c3c;
  outline: none;
  filter: brightness(1.04) drop-shadow(0 10px 9px rgba(13,55,80,.34));
  animation-play-state: paused;
}
.aiq-next-world-arrow {
  right: clamp(12px, 2.4vw, 34px);
  transform: translateY(-50%);
  animation: aiq-next-world-bounce 1.35s ease-in-out infinite;
}
.aiq-next-world-arrow:hover, .aiq-next-world-arrow:focus-visible {
  transform: translateY(-50%) scale(1.08);
}
.aiq-prev-world-arrow {
  left: clamp(12px, 2.4vw, 34px);
  transform: translateY(-50%) scaleX(-1);
  animation: aiq-prev-world-bounce 1.35s ease-in-out infinite;
}
.aiq-prev-world-arrow:hover, .aiq-prev-world-arrow:focus-visible {
  transform: translateY(-50%) scaleX(-1) scale(1.08);
}
@keyframes aiq-next-world-bounce {
  0%, 100% { transform: translate(-2px, -50%); }
  45% { transform: translate(10px, -50%); }
  65% { transform: translate(4px, -50%); }
}
@keyframes aiq-prev-world-bounce {
  0%, 100% { transform: translate(2px, -50%) scaleX(-1); }
  45% { transform: translate(-10px, -50%) scaleX(-1); }
  65% { transform: translate(-4px, -50%) scaleX(-1); }
}
@media (max-width: 799px) {
  .aiq-world-nav-arrow {
    top: auto;
    bottom: 3.5%;
    font-size: clamp(72px, 20vw, 104px);
    -webkit-text-stroke-width: 4px;
    z-index: 30;
  }
  .aiq-next-world-arrow {
    right: 8px;
    transform: none;
  }
  .aiq-next-world-arrow:hover, .aiq-next-world-arrow:focus-visible { transform: scale(1.08); }
  .aiq-prev-world-arrow {
    left: 8px;
    transform: scaleX(-1);
  }
  .aiq-prev-world-arrow:hover, .aiq-prev-world-arrow:focus-visible { transform: scaleX(-1) scale(1.08); }
  @keyframes aiq-next-world-bounce {
    0%, 100% { transform: translateX(-2px); }
    45% { transform: translateX(10px); }
    65% { transform: translateX(4px); }
  }
  @keyframes aiq-prev-world-bounce {
    0%, 100% { transform: translateX(2px) scaleX(-1); }
    45% { transform: translateX(-10px) scaleX(-1); }
    65% { transform: translateX(-4px) scaleX(-1); }
  }
}


/* Mundo 2: El castillo de la seguridad. */
@media (max-width: 799px) {
  .aiq-world-2 .aiq-level { width: 36%; height: 8.8%; }
  .aiq-world-2 .aiq-level-1 { left: 50.0%; top: 24.2%; }
  .aiq-world-2 .aiq-level-2 { left: 50.0%; top: 37.4%; }
  .aiq-world-2 .aiq-level-3 { left: 50.1%; top: 50.8%; }
  .aiq-world-2 .aiq-level-4 { left: 49.8%; top: 64.2%; }
  .aiq-world-2 .aiq-level-5 { left: 50.0%; top: 77.6%; }
  .aiq-world-2 .aiq-level-6 { left: 50.0%; top: 90.0%; }
  .aiq-world-2 .aiq-marker { width: 30%; }
  .aiq-world-2 .aiq-marker[data-position="1"] { left: 34.0%; top: 26.9%; }
  .aiq-world-2 .aiq-marker[data-position="2"] { left: 34.0%; top: 40.2%; }
  .aiq-world-2 .aiq-marker[data-position="3"] { left: 34.0%; top: 53.5%; }
  .aiq-world-2 .aiq-marker[data-position="4"] { left: 33.8%; top: 66.8%; }
  .aiq-world-2 .aiq-marker[data-position="5"] { left: 34.0%; top: 80.0%; }
  .aiq-world-2 .aiq-marker[data-position="6"] { left: 34.0%; top: 92.4%; }
}
@media (min-width: 800px) {
  .aiq-world-2 .aiq-level { width: 17%; height: 22%; }
  .aiq-world-2 .aiq-level-1 { left: 22.1%; top: 43.7%; }
  .aiq-world-2 .aiq-level-2 { left: 48.9%; top: 26.6%; }
  .aiq-world-2 .aiq-level-3 { left: 49.2%; top: 49.5%; }
  .aiq-world-2 .aiq-level-4 { left: 73.9%; top: 43.9%; }
  .aiq-world-2 .aiq-level-5 { left: 27.5%; top: 67.5%; }
  .aiq-world-2 .aiq-level-6 { left: 69.4%; top: 68.9%; }
  .aiq-world-2 .aiq-marker { width: 14.5%; }
  .aiq-world-2 .aiq-marker[data-position="1"] { left: 14.2%; top: 47.0%; }
  .aiq-world-2 .aiq-marker[data-position="2"] { left: 41.0%; top: 30.0%; }
  .aiq-world-2 .aiq-marker[data-position="3"] { left: 41.4%; top: 52.9%; }
  .aiq-world-2 .aiq-marker[data-position="4"] { left: 66.0%; top: 47.2%; }
  .aiq-world-2 .aiq-marker[data-position="5"] { left: 19.6%; top: 70.9%; }
  .aiq-world-2 .aiq-marker[data-position="6"] { left: 61.5%; top: 72.3%; }
}


/* Mundo 3: La fábrica de errores. */
@media (max-width: 799px) {
  /* The mobile artwork already contains the six numbered platforms.
     Keep the interactive hit areas invisible so we do not draw duplicate tiles. */
  .aiq-world-3 .aiq-level {
    width: 33.5%;
    height: 9.6%;
    border: 0 !important;
    border-radius: 22% !important;
    color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  .aiq-world-3 .aiq-level::before { content: none !important; display: none !important; }
  .aiq-world-3 .aiq-level:hover, .aiq-world-3 .aiq-level:focus-visible {
    filter: drop-shadow(0 0 12px rgba(242,139,36,.9));
  }
  .aiq-world-3 .aiq-level.is-complete { border-color: transparent !important; }
  .aiq-world-3 .aiq-level.is-current { border-color: transparent !important; filter: drop-shadow(0 0 11px rgba(242,139,36,.68)); }
  .aiq-world-3 .aiq-level-1 { left: 52.0%; top: 28.6%; }
  .aiq-world-3 .aiq-level-2 { left: 28.6%; top: 40.0%; }
  .aiq-world-3 .aiq-level-3 { left: 73.8%; top: 41.0%; }
  .aiq-world-3 .aiq-level-4 { left: 49.0%; top: 55.4%; }
  .aiq-world-3 .aiq-level-5 { left: 34.2%; top: 72.0%; }
  .aiq-world-3 .aiq-level-6 { left: 63.6%; top: 74.0%; }
  .aiq-world-3 .aiq-marker { width: 28%; }
  .aiq-world-3 .aiq-marker[data-position="1"] { left: 40.5%; top: 31.8%; }
  .aiq-world-3 .aiq-marker[data-position="2"] { left: 17.0%; top: 43.2%; }
  .aiq-world-3 .aiq-marker[data-position="3"] { left: 62.2%; top: 44.2%; }
  .aiq-world-3 .aiq-marker[data-position="4"] { left: 37.4%; top: 58.6%; }
  .aiq-world-3 .aiq-marker[data-position="5"] { left: 22.6%; top: 75.2%; }
  .aiq-world-3 .aiq-marker[data-position="6"] { left: 52.0%; top: 77.2%; }
}
@media (min-width: 800px) {
  .aiq-world-3 .aiq-level { width: 17%; height: 22%; }
  .aiq-world-3 .aiq-level-1 { left: 22.7%; top: 45.5%; }
  .aiq-world-3 .aiq-level-2 { left: 48.6%; top: 24.3%; }
  .aiq-world-3 .aiq-level-3 { left: 50.2%; top: 48.4%; }
  .aiq-world-3 .aiq-level-4 { left: 75.4%; top: 36.0%; }
  .aiq-world-3 .aiq-level-5 { left: 40.0%; top: 70.4%; }
  .aiq-world-3 .aiq-level-6 { left: 70.4%; top: 67.7%; }
  .aiq-world-3 .aiq-marker { width: 14.5%; }
  .aiq-world-3 .aiq-marker[data-position="1"] { left: 14.8%; top: 48.8%; }
  .aiq-world-3 .aiq-marker[data-position="2"] { left: 40.6%; top: 27.5%; }
  .aiq-world-3 .aiq-marker[data-position="3"] { left: 42.2%; top: 51.7%; }
  .aiq-world-3 .aiq-marker[data-position="4"] { left: 67.4%; top: 39.3%; }
  .aiq-world-3 .aiq-marker[data-position="5"] { left: 32.0%; top: 73.7%; }
  .aiq-world-3 .aiq-marker[data-position="6"] { left: 62.3%; top: 71.0%; }
}


/* Mundo 4: La ciudad de los engaños. */
@media (max-width: 799px) {
  /* Mapa vertical específico del Mundo 4. Las plataformas están integradas
     en el fondo; estas zonas son únicamente las áreas táctiles invisibles. */
  .aiq-world-4 .aiq-level {
    width: 34%;
    height: 9.5%;
    border: 0 !important;
    border-radius: 22% !important;
    color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  .aiq-world-4 .aiq-level::before { content: none !important; display: none !important; }
  .aiq-world-4 .aiq-level-1 { left: 35.5%; top: 32.0%; }
  .aiq-world-4 .aiq-level-2 { left: 74.6%; top: 20.0%; }
  .aiq-world-4 .aiq-level-3 { left: 21.8%; top: 52.3%; }
  .aiq-world-4 .aiq-level-4 { left: 72.1%; top: 44.0%; }
  .aiq-world-4 .aiq-level-5 { left: 18.6%; top: 79.8%; }
  .aiq-world-4 .aiq-level-6 { left: 77.0%; top: 74.5%; }
  .aiq-world-4 .aiq-marker { width: 28%; }
  .aiq-world-4 .aiq-marker[data-position="1"] { left: 23.0%; top: 35.0%; }
  .aiq-world-4 .aiq-marker[data-position="2"] { left: 62.0%; top: 23.0%; }
  .aiq-world-4 .aiq-marker[data-position="3"] { left: 9.8%; top: 55.3%; }
  .aiq-world-4 .aiq-marker[data-position="4"] { left: 60.0%; top: 47.0%; }
  .aiq-world-4 .aiq-marker[data-position="5"] { left: 7.0%; top: 82.8%; }
  .aiq-world-4 .aiq-marker[data-position="6"] { left: 65.0%; top: 77.5%; }
}
@media (min-width: 800px) {
  .aiq-world-4 .aiq-level { width: 17%; height: 22%; }
  .aiq-world-4 .aiq-level-1 { left: 21.5%; top: 45.4%; }
  .aiq-world-4 .aiq-level-2 { left: 45.4%; top: 27.5%; }
  .aiq-world-4 .aiq-level-3 { left: 49.6%; top: 50.3%; }
  .aiq-world-4 .aiq-level-4 { left: 74.2%; top: 37.2%; }
  .aiq-world-4 .aiq-level-5 { left: 33.0%; top: 71.1%; }
  .aiq-world-4 .aiq-level-6 { left: 70.4%; top: 68.6%; }
  .aiq-world-4 .aiq-marker { width: 14.5%; }
  .aiq-world-4 .aiq-marker[data-position="1"] { left: 13.5%; top: 48.8%; }
  .aiq-world-4 .aiq-marker[data-position="2"] { left: 37.4%; top: 30.9%; }
  .aiq-world-4 .aiq-marker[data-position="3"] { left: 41.6%; top: 53.7%; }
  .aiq-world-4 .aiq-marker[data-position="4"] { left: 66.2%; top: 40.6%; }
  .aiq-world-4 .aiq-marker[data-position="5"] { left: 25.0%; top: 74.5%; }
  .aiq-world-4 .aiq-marker[data-position="6"] { left: 62.4%; top: 72.0%; }
}


/* Mundo 5: El taller de las buenas preguntas. */
@media (max-width: 799px) {
  .aiq-world-5 .aiq-level { width: 34%; height: 10.5%; }
  .aiq-world-5 .aiq-level-1 { left: 28.0%; top: 28.6%; }
  .aiq-world-5 .aiq-level-2 { left: 66.5%; top: 14.3%; }
  .aiq-world-5 .aiq-level-3 { left: 51.0%; top: 43.5%; }
  .aiq-world-5 .aiq-level-4 { left: 69.0%; top: 60.4%; }
  .aiq-world-5 .aiq-level-5 { left: 30.5%; top: 71.8%; }
  .aiq-world-5 .aiq-level-6 { left: 50.6%; top: 87.0%; }
  .aiq-world-5 .aiq-marker { width: 28%; }
  .aiq-world-5 .aiq-marker[data-position="1"] { left: 15.5%; top: 31.6%; }
  .aiq-world-5 .aiq-marker[data-position="2"] { left: 54.0%; top: 17.3%; }
  .aiq-world-5 .aiq-marker[data-position="3"] { left: 38.5%; top: 46.5%; }
  .aiq-world-5 .aiq-marker[data-position="4"] { left: 56.5%; top: 63.4%; }
  .aiq-world-5 .aiq-marker[data-position="5"] { left: 18.0%; top: 74.8%; }
  .aiq-world-5 .aiq-marker[data-position="6"] { left: 38.0%; top: 90.0%; }
}
@media (min-width: 800px) {
  .aiq-world-5 .aiq-level { width: 17%; height: 22%; }
  .aiq-world-5 .aiq-level-1 { left: 21.0%; top: 41.5%; }
  .aiq-world-5 .aiq-level-2 { left: 46.5%; top: 17.0%; }
  .aiq-world-5 .aiq-level-3 { left: 50.0%; top: 48.0%; }
  .aiq-world-5 .aiq-level-4 { left: 74.0%; top: 30.5%; }
  .aiq-world-5 .aiq-level-5 { left: 33.5%; top: 75.0%; }
  .aiq-world-5 .aiq-level-6 { left: 67.5%; top: 72.0%; }
  .aiq-world-5 .aiq-marker { width: 14.5%; }
  .aiq-world-5 .aiq-marker[data-position="1"] { left: 13.0%; top: 44.8%; }
  .aiq-world-5 .aiq-marker[data-position="2"] { left: 38.5%; top: 20.3%; }
  .aiq-world-5 .aiq-marker[data-position="3"] { left: 42.0%; top: 51.3%; }
  .aiq-world-5 .aiq-marker[data-position="4"] { left: 66.0%; top: 33.8%; }
  .aiq-world-5 .aiq-marker[data-position="5"] { left: 25.5%; top: 78.3%; }
  .aiq-world-5 .aiq-marker[data-position="6"] { left: 59.5%; top: 75.3%; }
}


/* Mundo 6: El laboratorio creativo. */
@media (max-width: 799px) {
  .aiq-world-6 .aiq-level { width: 30%; height: 10.0%; }
  .aiq-world-6 .aiq-level-1 { left: 23.5%; top: 36.5%; }
  .aiq-world-6 .aiq-level-2 { left: 52.0%; top: 25.5%; }
  .aiq-world-6 .aiq-level-3 { left: 51.0%; top: 47.0%; }
  .aiq-world-6 .aiq-level-4 { left: 79.0%; top: 34.0%; }
  .aiq-world-6 .aiq-level-5 { left: 32.0%; top: 61.5%; }
  .aiq-world-6 .aiq-level-6 { left: 68.0%; top: 61.5%; }
  .aiq-world-6 .aiq-marker { width: 27%; }
  .aiq-world-6 .aiq-marker[data-position="1"] { left: 11.0%; top: 39.5%; }
  .aiq-world-6 .aiq-marker[data-position="2"] { left: 39.5%; top: 28.5%; }
  .aiq-world-6 .aiq-marker[data-position="3"] { left: 38.5%; top: 50.0%; }
  .aiq-world-6 .aiq-marker[data-position="4"] { left: 66.5%; top: 37.0%; }
  .aiq-world-6 .aiq-marker[data-position="5"] { left: 19.5%; top: 64.5%; }
  .aiq-world-6 .aiq-marker[data-position="6"] { left: 55.5%; top: 64.5%; }
}
@media (min-width: 800px) {
  .aiq-world-6 .aiq-level { width: 17%; height: 22%; }
  .aiq-world-6 .aiq-level-1 { left: 22.7%; top: 43.2%; }
  .aiq-world-6 .aiq-level-2 { left: 49.8%; top: 27.7%; }
  .aiq-world-6 .aiq-level-3 { left: 50.8%; top: 53.1%; }
  .aiq-world-6 .aiq-level-4 { left: 76.0%; top: 36.6%; }
  .aiq-world-6 .aiq-level-5 { left: 34.0%; top: 70.0%; }
  .aiq-world-6 .aiq-level-6 { left: 72.0%; top: 69.5%; }
  .aiq-world-6 .aiq-marker { width: 14.5%; }
  .aiq-world-6 .aiq-marker[data-position="1"] { left: 14.7%; top: 46.5%; }
  .aiq-world-6 .aiq-marker[data-position="2"] { left: 41.8%; top: 31.0%; }
  .aiq-world-6 .aiq-marker[data-position="3"] { left: 42.8%; top: 56.4%; }
  .aiq-world-6 .aiq-marker[data-position="4"] { left: 68.0%; top: 39.9%; }
  .aiq-world-6 .aiq-marker[data-position="5"] { left: 26.0%; top: 73.3%; }
  .aiq-world-6 .aiq-marker[data-position="6"] { left: 64.0%; top: 72.8%; }
}

/* 0.20.4 — Recalibrated interactive overlays for the new futuristic maps.
   The artwork is untouched: only hit areas, state icons and avatar positions change. */
@media (max-width: 799px) {
  .aiq-app[class*="aiq-world-"] .aiq-level {
    width: 34% !important;
    height: 9% !important;
  }
  .aiq-app[class*="aiq-world-"] .aiq-level-state {
    right: 5% !important;
    top: 5% !important;
  }
  .aiq-app[class*="aiq-world-"] .aiq-marker { width: 28% !important; }

  /* Mundo 0 */
  .aiq-world-0 .aiq-level-1 { left: 50%; top: 26%; }
  .aiq-world-0 .aiq-level-2 { left: 64%; top: 37%; }
  .aiq-world-0 .aiq-level-3 { left: 58%; top: 50%; }
  .aiq-world-0 .aiq-level-4 { left: 40%; top: 60%; }
  .aiq-world-0 .aiq-level-5 { left: 55%; top: 70%; }
  .aiq-world-0 .aiq-level-6 { left: 46%; top: 84%; }
  .aiq-world-0 .aiq-marker[data-position="1"] { left: 38%; top: 29%; }
  .aiq-world-0 .aiq-marker[data-position="2"] { left: 52%; top: 40%; }
  .aiq-world-0 .aiq-marker[data-position="3"] { left: 46%; top: 53%; }
  .aiq-world-0 .aiq-marker[data-position="4"] { left: 28%; top: 63%; }
  .aiq-world-0 .aiq-marker[data-position="5"] { left: 43%; top: 73%; }
  .aiq-world-0 .aiq-marker[data-position="6"] { left: 34%; top: 87%; }

  /* Mundo 1 */
  .aiq-world-1 .aiq-level-1 { left: 31%; top: 27%; }
  .aiq-world-1 .aiq-level-2 { left: 66%; top: 36%; }
  .aiq-world-1 .aiq-level-3 { left: 39%; top: 54%; }
  .aiq-world-1 .aiq-level-4 { left: 70%; top: 64%; }
  .aiq-world-1 .aiq-level-5 { left: 31%; top: 74%; }
  .aiq-world-1 .aiq-level-6 { left: 52%; top: 88%; }
  .aiq-world-1 .aiq-marker[data-position="1"] { left: 19%; top: 30%; }
  .aiq-world-1 .aiq-marker[data-position="2"] { left: 54%; top: 39%; }
  .aiq-world-1 .aiq-marker[data-position="3"] { left: 27%; top: 57%; }
  .aiq-world-1 .aiq-marker[data-position="4"] { left: 58%; top: 67%; }
  .aiq-world-1 .aiq-marker[data-position="5"] { left: 19%; top: 77%; }
  .aiq-world-1 .aiq-marker[data-position="6"] { left: 40%; top: 91%; }

  /* Mundo 2 */
  .aiq-world-2 .aiq-level-1 { left: 31%; top: 39%; }
  .aiq-world-2 .aiq-level-2 { left: 52%; top: 26%; }
  .aiq-world-2 .aiq-level-3 { left: 70%; top: 40%; }
  .aiq-world-2 .aiq-level-4 { left: 48%; top: 54%; }
  .aiq-world-2 .aiq-level-5 { left: 47%; top: 68%; }
  .aiq-world-2 .aiq-level-6 { left: 49%; top: 85%; }
  .aiq-world-2 .aiq-marker[data-position="1"] { left: 19%; top: 42%; }
  .aiq-world-2 .aiq-marker[data-position="2"] { left: 40%; top: 29%; }
  .aiq-world-2 .aiq-marker[data-position="3"] { left: 58%; top: 43%; }
  .aiq-world-2 .aiq-marker[data-position="4"] { left: 36%; top: 57%; }
  .aiq-world-2 .aiq-marker[data-position="5"] { left: 35%; top: 71%; }
  .aiq-world-2 .aiq-marker[data-position="6"] { left: 37%; top: 88%; }

  /* Mundo 3 */
  .aiq-world-3 .aiq-level-1 { left: 50%; top: 24%; }
  .aiq-world-3 .aiq-level-2 { left: 46%; top: 38%; }
  .aiq-world-3 .aiq-level-3 { left: 74%; top: 46%; }
  .aiq-world-3 .aiq-level-4 { left: 34%; top: 56%; }
  .aiq-world-3 .aiq-level-5 { left: 56%; top: 70%; }
  .aiq-world-3 .aiq-level-6 { left: 48%; top: 88%; }
  .aiq-world-3 .aiq-marker[data-position="1"] { left: 38%; top: 27%; }
  .aiq-world-3 .aiq-marker[data-position="2"] { left: 34%; top: 41%; }
  .aiq-world-3 .aiq-marker[data-position="3"] { left: 62%; top: 49%; }
  .aiq-world-3 .aiq-marker[data-position="4"] { left: 22%; top: 59%; }
  .aiq-world-3 .aiq-marker[data-position="5"] { left: 44%; top: 73%; }
  .aiq-world-3 .aiq-marker[data-position="6"] { left: 36%; top: 91%; }

  /* Mundo 4 */
  .aiq-world-4 .aiq-level-1 { left: 38%; top: 29%; }
  .aiq-world-4 .aiq-level-2 { left: 43%; top: 42%; }
  .aiq-world-4 .aiq-level-3 { left: 70%; top: 51%; }
  .aiq-world-4 .aiq-level-4 { left: 38%; top: 61%; }
  .aiq-world-4 .aiq-level-5 { left: 40%; top: 77%; }
  .aiq-world-4 .aiq-level-6 { left: 44%; top: 89%; }
  .aiq-world-4 .aiq-marker[data-position="1"] { left: 26%; top: 32%; }
  .aiq-world-4 .aiq-marker[data-position="2"] { left: 31%; top: 45%; }
  .aiq-world-4 .aiq-marker[data-position="3"] { left: 58%; top: 54%; }
  .aiq-world-4 .aiq-marker[data-position="4"] { left: 26%; top: 64%; }
  .aiq-world-4 .aiq-marker[data-position="5"] { left: 28%; top: 80%; }
  .aiq-world-4 .aiq-marker[data-position="6"] { left: 32%; top: 92%; }

  /* Mundo 5 */
  .aiq-world-5 .aiq-level-1 { left: 40%; top: 31%; }
  .aiq-world-5 .aiq-level-2 { left: 66%; top: 41%; }
  .aiq-world-5 .aiq-level-3 { left: 50%; top: 51%; }
  .aiq-world-5 .aiq-level-4 { left: 37%; top: 66%; }
  .aiq-world-5 .aiq-level-5 { left: 68%; top: 65%; }
  .aiq-world-5 .aiq-level-6 { left: 52%; top: 79%; }
  .aiq-world-5 .aiq-marker[data-position="1"] { left: 28%; top: 34%; }
  .aiq-world-5 .aiq-marker[data-position="2"] { left: 54%; top: 44%; }
  .aiq-world-5 .aiq-marker[data-position="3"] { left: 38%; top: 54%; }
  .aiq-world-5 .aiq-marker[data-position="4"] { left: 25%; top: 69%; }
  .aiq-world-5 .aiq-marker[data-position="5"] { left: 56%; top: 68%; }
  .aiq-world-5 .aiq-marker[data-position="6"] { left: 40%; top: 82%; }

  /* Mundo 6 */
  .aiq-world-6 .aiq-level-1 { left: 42%; top: 28%; }
  .aiq-world-6 .aiq-level-2 { left: 52%; top: 40%; }
  .aiq-world-6 .aiq-level-3 { left: 64%; top: 50%; }
  .aiq-world-6 .aiq-level-4 { left: 44%; top: 60%; }
  .aiq-world-6 .aiq-level-5 { left: 53%; top: 72%; }
  .aiq-world-6 .aiq-level-6 { left: 47%; top: 84%; }
  .aiq-world-6 .aiq-marker[data-position="1"] { left: 30%; top: 31%; }
  .aiq-world-6 .aiq-marker[data-position="2"] { left: 40%; top: 43%; }
  .aiq-world-6 .aiq-marker[data-position="3"] { left: 52%; top: 53%; }
  .aiq-world-6 .aiq-marker[data-position="4"] { left: 32%; top: 63%; }
  .aiq-world-6 .aiq-marker[data-position="5"] { left: 41%; top: 75%; }
  .aiq-world-6 .aiq-marker[data-position="6"] { left: 35%; top: 87%; }
}

@media (min-width: 800px) {
  .aiq-app[class*="aiq-world-"] .aiq-level {
    width: 19% !important;
    height: 16% !important;
  }
  .aiq-app[class*="aiq-world-"] .aiq-level-state {
    right: 5% !important;
    top: 7% !important;
  }
  .aiq-app[class*="aiq-world-"] .aiq-marker { width: 14.5% !important; }

  /* Mundo 0 */
  .aiq-world-0 .aiq-level-1 { left: 35%; top: 40%; }
  .aiq-world-0 .aiq-level-2 { left: 52%; top: 31%; }
  .aiq-world-0 .aiq-level-3 { left: 76%; top: 41%; }
  .aiq-world-0 .aiq-level-4 { left: 34%; top: 64%; }
  .aiq-world-0 .aiq-level-5 { left: 52%; top: 56%; }
  .aiq-world-0 .aiq-level-6 { left: 76%; top: 68%; }
  .aiq-world-0 .aiq-marker[data-position="1"] { left: 27%; top: 43%; }
  .aiq-world-0 .aiq-marker[data-position="2"] { left: 44%; top: 34%; }
  .aiq-world-0 .aiq-marker[data-position="3"] { left: 68%; top: 44%; }
  .aiq-world-0 .aiq-marker[data-position="4"] { left: 26%; top: 67%; }
  .aiq-world-0 .aiq-marker[data-position="5"] { left: 44%; top: 59%; }
  .aiq-world-0 .aiq-marker[data-position="6"] { left: 68%; top: 71%; }

  /* Mundo 1 */
  .aiq-world-1 .aiq-level-1 { left: 24%; top: 40%; }
  .aiq-world-1 .aiq-level-2 { left: 51%; top: 33%; }
  .aiq-world-1 .aiq-level-3 { left: 75%; top: 40%; }
  .aiq-world-1 .aiq-level-4 { left: 51%; top: 57%; }
  .aiq-world-1 .aiq-level-5 { left: 30%; top: 73%; }
  .aiq-world-1 .aiq-level-6 { left: 74%; top: 73%; }
  .aiq-world-1 .aiq-marker[data-position="1"] { left: 16%; top: 43%; }
  .aiq-world-1 .aiq-marker[data-position="2"] { left: 43%; top: 36%; }
  .aiq-world-1 .aiq-marker[data-position="3"] { left: 67%; top: 43%; }
  .aiq-world-1 .aiq-marker[data-position="4"] { left: 43%; top: 60%; }
  .aiq-world-1 .aiq-marker[data-position="5"] { left: 22%; top: 76%; }
  .aiq-world-1 .aiq-marker[data-position="6"] { left: 66%; top: 76%; }

  /* Mundo 2 */
  .aiq-world-2 .aiq-level-1 { left: 29%; top: 44%; }
  .aiq-world-2 .aiq-level-2 { left: 51%; top: 33%; }
  .aiq-world-2 .aiq-level-3 { left: 72%; top: 44%; }
  .aiq-world-2 .aiq-level-4 { left: 29%; top: 66%; }
  .aiq-world-2 .aiq-level-5 { left: 51%; top: 56%; }
  .aiq-world-2 .aiq-level-6 { left: 72%; top: 66%; }
  .aiq-world-2 .aiq-marker[data-position="1"] { left: 21%; top: 47%; }
  .aiq-world-2 .aiq-marker[data-position="2"] { left: 43%; top: 36%; }
  .aiq-world-2 .aiq-marker[data-position="3"] { left: 64%; top: 47%; }
  .aiq-world-2 .aiq-marker[data-position="4"] { left: 21%; top: 69%; }
  .aiq-world-2 .aiq-marker[data-position="5"] { left: 43%; top: 59%; }
  .aiq-world-2 .aiq-marker[data-position="6"] { left: 64%; top: 69%; }

  /* Mundo 3 */
  .aiq-world-3 .aiq-level-1 { left: 25%; top: 43%; }
  .aiq-world-3 .aiq-level-2 { left: 52%; top: 32%; }
  .aiq-world-3 .aiq-level-3 { left: 74%; top: 44%; }
  .aiq-world-3 .aiq-level-4 { left: 24%; top: 64%; }
  .aiq-world-3 .aiq-level-5 { left: 52%; top: 55%; }
  .aiq-world-3 .aiq-level-6 { left: 73%; top: 64%; }
  .aiq-world-3 .aiq-marker[data-position="1"] { left: 17%; top: 46%; }
  .aiq-world-3 .aiq-marker[data-position="2"] { left: 44%; top: 35%; }
  .aiq-world-3 .aiq-marker[data-position="3"] { left: 66%; top: 47%; }
  .aiq-world-3 .aiq-marker[data-position="4"] { left: 16%; top: 67%; }
  .aiq-world-3 .aiq-marker[data-position="5"] { left: 44%; top: 58%; }
  .aiq-world-3 .aiq-marker[data-position="6"] { left: 65%; top: 67%; }

  /* Mundo 4 */
  .aiq-world-4 .aiq-level-1 { left: 28%; top: 44%; }
  .aiq-world-4 .aiq-level-2 { left: 52%; top: 32%; }
  .aiq-world-4 .aiq-level-3 { left: 74%; top: 44%; }
  .aiq-world-4 .aiq-level-4 { left: 52%; top: 55%; }
  .aiq-world-4 .aiq-level-5 { left: 27%; top: 70%; }
  .aiq-world-4 .aiq-level-6 { left: 73%; top: 69%; }
  .aiq-world-4 .aiq-marker[data-position="1"] { left: 20%; top: 47%; }
  .aiq-world-4 .aiq-marker[data-position="2"] { left: 44%; top: 35%; }
  .aiq-world-4 .aiq-marker[data-position="3"] { left: 66%; top: 47%; }
  .aiq-world-4 .aiq-marker[data-position="4"] { left: 44%; top: 58%; }
  .aiq-world-4 .aiq-marker[data-position="5"] { left: 19%; top: 73%; }
  .aiq-world-4 .aiq-marker[data-position="6"] { left: 65%; top: 72%; }

  /* Mundo 5 */
  .aiq-world-5 .aiq-level-1 { left: 28%; top: 42%; }
  .aiq-world-5 .aiq-level-2 { left: 53%; top: 32%; }
  .aiq-world-5 .aiq-level-3 { left: 73%; top: 44%; }
  .aiq-world-5 .aiq-level-4 { left: 28%; top: 65%; }
  .aiq-world-5 .aiq-level-5 { left: 53%; top: 55%; }
  .aiq-world-5 .aiq-level-6 { left: 73%; top: 67%; }
  .aiq-world-5 .aiq-marker[data-position="1"] { left: 20%; top: 45%; }
  .aiq-world-5 .aiq-marker[data-position="2"] { left: 45%; top: 35%; }
  .aiq-world-5 .aiq-marker[data-position="3"] { left: 65%; top: 47%; }
  .aiq-world-5 .aiq-marker[data-position="4"] { left: 20%; top: 68%; }
  .aiq-world-5 .aiq-marker[data-position="5"] { left: 45%; top: 58%; }
  .aiq-world-5 .aiq-marker[data-position="6"] { left: 65%; top: 70%; }

  /* Mundo 6 */
  .aiq-world-6 .aiq-level-1 { left: 28%; top: 42%; }
  .aiq-world-6 .aiq-level-2 { left: 52%; top: 32%; }
  .aiq-world-6 .aiq-level-3 { left: 74%; top: 43%; }
  .aiq-world-6 .aiq-level-4 { left: 27%; top: 65%; }
  .aiq-world-6 .aiq-level-5 { left: 52%; top: 55%; }
  .aiq-world-6 .aiq-level-6 { left: 74%; top: 65%; }
  .aiq-world-6 .aiq-marker[data-position="1"] { left: 20%; top: 45%; }
  .aiq-world-6 .aiq-marker[data-position="2"] { left: 44%; top: 35%; }
  .aiq-world-6 .aiq-marker[data-position="3"] { left: 66%; top: 46%; }
  .aiq-world-6 .aiq-marker[data-position="4"] { left: 19%; top: 68%; }
  .aiq-world-6 .aiq-marker[data-position="5"] { left: 44%; top: 58%; }
  .aiq-world-6 .aiq-marker[data-position="6"] { left: 66%; top: 68%; }
}


/* Pantalla final del curso Tropa Kids. */
.aiq-course-completion { min-height: 100vh; background: linear-gradient(115deg, #2468cf 0%, #2e82e5 48%, #36b9df 100%); }
.aiq-course-completion .aiq-hud { position: sticky; }
.aiq-course-completion .aiq-stats span:first-child { color: #155bb5; background: rgba(255,255,255,.84); }
.aiq-completion-screen { position: relative; overflow: hidden; min-height: calc(100vh - 79px); padding: 74px clamp(24px, 5vw, 90px) 56px; color: #fff; }
.aiq-completion-screen::before, .aiq-completion-screen::after { content: ''; position: absolute; border: 2px dashed rgba(255,255,255,.16); border-radius: 50%; pointer-events: none; }
.aiq-completion-screen::before { width: 850px; height: 850px; left: 50%; top: -520px; transform: translateX(-50%); }
.aiq-completion-screen::after { width: 1180px; height: 1180px; left: 50%; top: -690px; transform: translateX(-50%); }
.aiq-completion-inner { position: relative; z-index: 1; width: min(1320px, 100%); margin: 0 auto; text-align: center; }
.aiq-completion-kicker { display: block; margin-bottom: 10px; font-size: 13px; font-weight: 900; letter-spacing: 3px; }
.aiq-completion-inner h1 { margin: 0; color: #fff; font-size: clamp(48px, 5.7vw, 86px); line-height: .98; letter-spacing: -2.5px; }
.aiq-completion-inner h2 { margin: 16px 0 0; color: #fff; font-size: clamp(25px, 2.5vw, 38px); }
.aiq-completion-copy { max-width: 880px; margin: 18px auto 38px; color: rgba(255,255,255,.94); font-size: 18px; line-height: 1.55; }
.aiq-completion-inner h3 { margin: 0 0 14px; color: #fff; font-size: 22px; }
.aiq-completion-badges { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: clamp(8px, 1.5vw, 22px); align-items: start; }
.aiq-completion-badge { appearance: none; min-width: 0; padding: 0; border: 0; color: #fff; background: transparent; font: inherit; cursor: pointer; transition: transform .17s ease, filter .17s ease; }
.aiq-completion-badge:hover, .aiq-completion-badge:focus-visible { transform: translateY(-7px) scale(1.035); filter: drop-shadow(0 14px 18px rgba(10,45,105,.24)); outline: none; }
.aiq-completion-badge:focus-visible img { filter: drop-shadow(0 0 0 #fff) drop-shadow(0 0 6px #fff); }
.aiq-completion-badge img { display: block; width: min(170px, 100%); aspect-ratio: 1 / 1; object-fit: contain; margin: 0 auto; filter: drop-shadow(0 12px 14px rgba(10,45,105,.26)); }
.aiq-completion-badge span { display: block; min-height: 42px; margin-top: 5px; font-size: 13px; font-weight: 800; line-height: 1.25; }
.aiq-completion-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; width: min(960px, 100%); margin: 34px auto 18px; }
.aiq-completion-stats > div { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 78px; padding: 13px 20px; border: 1px solid rgba(255,255,255,.42); border-radius: 17px; background: rgba(255,255,255,.13); backdrop-filter: blur(7px); }
.aiq-completion-stats strong { font-size: 31px; color: #fff; }
.aiq-completion-stats span { font-size: 14px; font-weight: 800; text-align: left; }
.aiq-completion-message { margin: 20px auto; color: #fff; font-size: 17px; font-weight: 700; }
.aiq-completion-map-button { display: inline-flex; align-items: center; justify-content: center; min-width: 230px; padding: 14px 24px; border: 2px solid #fff; border-radius: 14px; color: #155bb5; background: #fff; box-shadow: 0 8px 0 rgba(13,74,159,.2); font-weight: 900; text-decoration: none; }
.aiq-completion-map-button:hover, .aiq-completion-map-button:focus-visible { transform: translateY(-2px); color: #155bb5; box-shadow: 0 10px 0 rgba(13,74,159,.2); }
.aiq-completion-badge-modal[hidden] { display: none !important; }
.aiq-completion-badge-modal { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(8,38,85,.66); backdrop-filter: blur(6px); }
.aiq-completion-badge-dialog { position: relative; width: min(520px, 94vw); padding: 32px; border-radius: 28px; color: #173b57; background: #fffdf7; box-shadow: 0 30px 80px rgba(7,35,75,.36); text-align: center; }
.aiq-completion-badge-dialog img { display: block; width: min(330px, 70vw); height: auto; margin: 0 auto 12px; filter: drop-shadow(0 15px 20px rgba(23,59,87,.2)); }
.aiq-completion-badge-dialog h2 { margin: 0; color: #173b57; font-size: 26px; }
.aiq-completion-badge-dialog p { margin: 7px 0 0; color: #5b7283; font-weight: 700; }
.aiq-completion-badge-close { position: absolute; top: 12px; right: 14px; display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; max-width: 44px; height: 44px; min-height: 44px; max-height: 44px; aspect-ratio: 1 / 1; padding: 0; border: 0; border-radius: 999px; box-sizing: border-box; flex: 0 0 44px; color: #173b57; background: #edf6fc; font-size: 28px; line-height: 1; cursor: pointer; appearance: none; -webkit-appearance: none; }
@media (max-width: 900px) {
  .aiq-completion-screen { padding-top: 56px; }
  .aiq-completion-badges { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 599px) {
  .aiq-completion-hud .aiq-brand { padding-left: 82px; }
  .aiq-completion-hud .aiq-brand-mascot { width: 90px; height: 90px; left: -7px; }
  .aiq-completion-hud .aiq-brand strong { font-size: 12px; }
  .aiq-completion-hud .aiq-stats { gap: 4px; }
  .aiq-completion-hud .aiq-stats span { padding: 6px 7px; font-size: 10px; }
  .aiq-completion-screen { padding: 46px 16px 40px; }
  .aiq-completion-inner h1 { font-size: 46px; letter-spacing: -1.5px; }
  .aiq-completion-copy { font-size: 16px; }
  .aiq-completion-badges { grid-template-columns: repeat(2, 1fr); gap: 18px 8px; }
  .aiq-completion-badge img { width: min(150px, 92%); }
  .aiq-completion-stats { grid-template-columns: 1fr; }
  .aiq-completion-stats > div { min-height: 66px; }
}