/* The Brain Key chooser uses the supplied pastel adventure-card treatment. */
.journey-dialog.journey-dialog-discovery { width:min(680px,calc(100vw - 24px)); border:1px solid #e4edff; border-radius:27px; background:radial-gradient(ellipse at 8% 0%,#aed7ff 0,transparent 35%),radial-gradient(ellipse at 95% 2%,#b7dfff 0,transparent 35%),linear-gradient(155deg,#fdfbff 25%,#fff8ff 65%,#e7f5ff); box-shadow:inset 0 1px 4px #fff,0 25px 90px #171f6a66; }
.journey-dialog-discovery::before { content:''; position:absolute; inset:0 0 auto; height:185px; background:radial-gradient(ellipse 340px 120px at 24% 115%,#ffffffb0 70%,transparent 71%),radial-gradient(ellipse 340px 130px at 94% 115%,#ffffff9c 70%,transparent 71%); mask-image:linear-gradient(#000 55%,transparent); pointer-events:none; }
.journey-dialog-discovery .journey-dialog-shell { padding:13px 18px 14px; }
.journey-dialog-discovery #journey-dialog-content { position:relative; z-index:1; }
.journey-dialog-discovery .journey-dialog-close { width:33px; height:33px; top:11px; right:11px; z-index:5; background:#ffffffd9; color:#7181a1; box-shadow:0 3px 8px #6882b423; }
.unlock-popup-header { text-align:center; position:relative; }
.journey-dialog-discovery .journey-dialog-hero { display:block; height:72px; width:72px; margin:-3px auto 0; filter:drop-shadow(0 0 12px #ffdb6880); }
.journey-dialog-discovery .journey-dialog-kicker { display:table; padding:6px 17px; margin:0 auto 6px; border-radius:24px; background:linear-gradient(110deg,#fff,#c9c1ff); color:#6300dd; box-shadow:0 2px 6px #a79be530; font:900 12px/1 'Nunito',sans-serif; letter-spacing:.4px; }
.journey-dialog-discovery h2 { font:900 27px/1.15 'Nunito',sans-serif; margin:0 0 7px; color:#193270; }
.journey-dialog-discovery h2 > span { color:#6100d6; }
.journey-dialog-discovery p { font-size:12px; line-height:1.3; font-weight:700; color:#66759d; margin:0 auto; max-width:none; }
.unlock-popup-header p > span { display:block; }
.journey-dialog-discovery .journey-unlock-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 14px; margin:16px 0 13px; }
.journey-dialog-discovery .journey-unlock-choice { --unlock-from:#fff4b7; --unlock-to:#ffdf70; --unlock-edge:#ffe384; --unlock-ink:#bd790b; position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; min-height:140px; padding:10px 14px; gap:5px; border:1.5px solid var(--unlock-edge); border-radius:23px; background:linear-gradient(120deg,var(--unlock-from),var(--unlock-to)); color:#16326b; text-align:left; box-shadow:inset 0 1px 4px #fff9,0 3px 7px #6c6a9621; overflow:hidden; }
.journey-dialog-discovery .journey-unlock-choice::before { content:''; position:absolute; right:-40px; top:-46px; width:145px; height:130px; border-radius:50%; background:#ffffff24; box-shadow:0 130px 0 12px #ffffff33; pointer-events:none; }
.journey-dialog-discovery .journey-unlock-choice[data-unlock="planning"] { --unlock-from:#ffdeeb; --unlock-to:#ffbbd7; --unlock-edge:#ffcce2; --unlock-ink:#e14f94; }
.journey-dialog-discovery .journey-unlock-choice[data-unlock="coding"] { --unlock-from:#c9f0ff; --unlock-to:#9dd4ff; --unlock-edge:#b2e3ff; --unlock-ink:#0769d8; }
.journey-dialog-discovery .journey-unlock-choice[data-unlock="codes"] { --unlock-from:#f3d3ff; --unlock-to:#e5b5ff; --unlock-edge:#edc6fc; --unlock-ink:#a827e0; }
.journey-dialog-discovery .journey-unlock-choice[data-unlock="spatial"] { --unlock-from:#cdffd9; --unlock-to:#a1f4b2; --unlock-edge:#bdf6c9; --unlock-ink:#0bb16c; }
.journey-dialog-discovery .journey-unlock-choice[data-unlock="brain-games"] { --unlock-from:#ffe4c6; --unlock-to:#ffc492; --unlock-edge:#ffdbbc; --unlock-ink:#d45a10; }
.journey-dialog-discovery .journey-unlock-choice:hover,.journey-dialog-discovery .journey-unlock-choice:focus-visible { border-color:var(--unlock-edge); box-shadow:0 5px 15px #333b8f2b,inset 0 1px 4px #fffa; }
.unlock-choice-icon { position:relative; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#fff9; border:1px solid #ffffffc9; box-shadow:0 2px 4px #79664424; flex-shrink:0; overflow:hidden; }
.unlock-choice-icon > img { display:block; width:44px; height:44px; object-fit:contain; }
.unlock-choice-title { position:relative; z-index:1; display:block; min-height:30px; width:calc(100% - 20px); font:900 13px/1.15 'Nunito',sans-serif; }
.unlock-choice-arrow { position:absolute; right:10px; top:42%; transform:translateY(-50%); display:grid; place-items:center; width:31px; height:36px; border-radius:50%; background:#ffffffb0; color:var(--unlock-ink); font:900 38px/.8 'Nunito',sans-serif; padding-bottom:4px; }
.journey-dialog-discovery .journey-unlock-choice small { display:flex; position:relative; align-items:center; gap:4px; padding:3px 8px 3px 5px; width:max-content; border-radius:20px; background:#fff9; color:#69431a; font:900 10px/1 'Nunito',sans-serif; white-space:nowrap; }
.journey-unlock-choice small > img { width:17px; height:17px; object-fit:contain; }
.journey-dialog-discovery .journey-info-note { display:flex; align-items:center; justify-content:center; gap:9px; padding:8px 10px; border-radius:14px; background:#ced6ffbf; color:#3b43b5; font:800 10px/1.3 'Nunito',sans-serif; }
.journey-info-note > span:first-child { font-size:22px; color:#8160f4; }
.unlock-note-mobile { display:none; }
.unlock-celebration { position:absolute; top:1px; left:18%; right:18%; height:95px; pointer-events:none; }
.unlock-celebration i { position:absolute; font-size:23px; font-style:normal; color:#ffce38; text-shadow:0 2px 1px #df980b,0 0 8px #fff6b0; }
.unlock-celebration i:nth-child(1) { left:10%; top:20px; transform:rotate(-18deg); }
.unlock-celebration i:nth-child(2) { left:3%; top:55px; font-size:13px; color:#d7a4ff; }
.unlock-celebration i:nth-child(3) { right:9%; top:34px; transform:rotate(12deg); }
.unlock-celebration i:nth-child(4) { right:23%; top:3px; font-size:14px; color:#fff; text-shadow:0 0 5px #a6bdff; }
.journey-dialog-discovery .journey-dialog-feedback:empty { display:none; }
.journey-dialog-discovery .journey-dialog-feedback { min-height:0; font-size:11px; margin-top:8px!important; }
@media (max-width:600px) {
  .journey-dialog.journey-dialog-discovery { width:calc(100vw - 20px); border-radius:22px; }
  .journey-dialog-discovery .journey-dialog-shell { padding:10px 11px 11px; }
  .journey-dialog-discovery .journey-dialog-close { width:28px; height:28px; top:9px; right:9px; font-size:23px; }
  .journey-dialog-discovery .journey-dialog-hero { width:50px; height:50px; }
  .journey-dialog-discovery .journey-dialog-kicker { padding:4px 13px; font-size:9px; margin-bottom:5px; }
  .journey-dialog-discovery h2 { font-size:clamp(17px,4.8vw,22px); line-height:1.15; margin-bottom:6px; }
  .journey-dialog-discovery p { font-size:10px; line-height:1.3; }
  .unlock-popup-header p > .unlock-curiosity { display:none; }
  .journey-dialog-discovery .journey-unlock-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0 10px; }
  .journey-dialog-discovery .journey-unlock-choice { min-height:96px; padding:7px 9px; border-radius:17px; gap:3px; }
  .unlock-choice-icon { width:32px; height:32px; }
  .unlock-choice-icon > img { width:30px; height:30px; }
  .unlock-choice-title { font-size:11px; line-height:1.15; min-height:26px; width:calc(100% - 11px); }
  .unlock-choice-arrow { right:6px; width:22px; height:27px; font-size:29px; top:31%; padding-bottom:3px; }
  .journey-dialog-discovery .journey-unlock-choice small { padding:2px 7px 2px 3px; font-size:8px; gap:3px; }
  .journey-unlock-choice small > img { width:14px; height:14px; }
  .journey-dialog-discovery .journey-info-note { font-size:8px; padding:6px 7px; gap:5px; }
  .journey-info-note > span:first-child { font-size:17px; }
  .unlock-note-desktop { display:none; }
  .unlock-note-mobile { display:inline; }
  .unlock-celebration { left:17%; right:17%; height:70px; }
  .unlock-celebration i { font-size:17px; }
  .unlock-celebration i:nth-child(2) { top:40px; font-size:10px; }
  .unlock-celebration i:nth-child(3) { top:24px; }
}
@media (max-height:480px) and (min-width:481px) {
  .journey-dialog-discovery .journey-dialog-shell { padding:7px 12px; }
  .journey-dialog-discovery .journey-dialog-hero { width:22px; height:22px; }
  .journey-dialog-discovery .journey-dialog-kicker { padding:3px 10px; margin-bottom:3px; font-size:7px; }
  .journey-dialog-discovery h2 { font-size:19px; margin-bottom:3px; }
  .journey-dialog-discovery p { font-size:8px; }
  .unlock-popup-header p > .unlock-curiosity { display:none; }
  .journey-dialog-discovery .journey-unlock-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 8px; margin:8px 0; }
  .journey-dialog-discovery .journey-unlock-choice { min-height:72px; padding:4px 8px; gap:2px; border-radius:15px; }
  .unlock-choice-icon { width:22px; height:22px; }
  .unlock-choice-icon > img { width:21px; height:21px; }
  .unlock-choice-title { min-height:20px; font-size:9.5px; line-height:1.05; }
  .unlock-choice-arrow { width:22px; height:26px; font-size:28px; }
  .journey-dialog-discovery .journey-unlock-choice small { padding:2px 5px; font-size:7.5px; }
  .journey-unlock-choice small > img { width:11px; height:11px; }
  .journey-dialog-discovery .journey-info-note { font-size:8px; padding:4px 8px; }
  .journey-info-note > span:first-child { font-size:15px; }
  .unlock-celebration { height:45px; }
  .unlock-celebration i { font-size:14px; }
  .unlock-celebration i:nth-child(2) { top:25px; }
}
