.discovery-locked-control { position: relative; }
.discovery-locked-control::after { content: ""; display: inline-block; flex: 0 0 1.15rem; width: 1.15rem; height: 1.35rem; margin-inline-start: .35rem; vertical-align: middle; background: url('/static/assets/discovery-lock.webp') center / contain no-repeat; pointer-events: none; }
.console-key.discovery-locked-control::after, .console-select.discovery-locked-control::after { position: absolute; right: -.4rem; top: -.3rem; margin: 0; }
.journal-portrait-stage > .discovery-locked-control::after { position: absolute; right: -.2rem; bottom: -.15rem; margin: 0; }
body.discovery-mode [data-console-destination="cards"] { display: none !important; }
/* Use the same battle setup as the showcase; personal history stays closed. */
body.discovery-mode #account-battles-screen > :not(#arena-community-battle-slot, .account-new-battle) { display: none !important; }
#console-menu .discovery-banner { margin: 0 0 .6rem; padding: 0; color: #304127; font-size: .78rem; }
#console-menu .discovery-banner > button { display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; min-height: 44px; padding: .5rem .65rem; border: 1px solid #7b895f; background: #dce5bd; color: inherit; box-shadow: none; text-align: start; font: inherit; }
#console-menu .discovery-banner > button span { text-decoration: underline; text-underline-offset: .2em; }
#discovery-feedback { position: fixed; inset: auto; top: calc(var(--console-dialog-top, 0px) + var(--console-dialog-height, 100dvh) - 12px); left: calc(var(--console-dialog-left, 0px) + 12px); transform: translateY(-100%); width: calc(var(--console-dialog-width, 100vw) - 24px); max-width: none; box-sizing: border-box; margin: 0; padding: .65rem .8rem; border: 1px solid #7b895f; border-radius: 5px; background: #e5edca; color: #304127; box-shadow: 0 3px 12px #26351c30; font: .8rem/1.45 system-ui, sans-serif; }
#discovery-feedback:popover-open { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
#discovery-feedback > span { min-width: 0; overflow-wrap: anywhere; }
#discovery-feedback > button { flex: none; max-width: 42%; min-height: 44px; padding: .35rem .6rem; border: 1px solid #64203a; border-radius: 4px; background: #842348; color: #fff7e6; font: inherit; cursor: pointer; }
/* The console gives native dialogs the whole LCD. Compose the welcome as a
   complete journal page inside that glass, rather than a corner of text. */
#discovery-notice {
  --discovery-ink: #3e4934;
  --discovery-plum: #842348;
  max-width: min(54rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem);
  padding: clamp(16px, 3vw, 42px); border: 0; border-radius: .8rem;
  background: radial-gradient(ellipse at 50% 35%, #e3e8cb, #c5ceaa);
  color: var(--discovery-ink); overflow: auto; scrollbar-width: thin;
}
#discovery-notice[open] { display: flex; flex-direction: column; }
#discovery-notice::backdrop { background: #18201ec9; }
#discovery-notice .discovery-notice-page {
  position: relative; flex: none; width: 100%; max-width: 48rem; margin: auto;
  padding: clamp(22px, 4vw, 44px); border: 1px solid #ae915a;
  background: #efe3c9 url('/static/assets/cards/naturalist-paper-v2.webp') center / 100% 100% no-repeat;
  box-shadow: 0 2px 0 #f6edd5, 0 4px 0 #ac9d77, 0 14px 28px #3e493426;
  color: #493f30; isolation: isolate;
}
#discovery-notice .discovery-notice-page::before {
  content: ''; position: absolute; inset: 7px; border: 1px solid #ad8b4b61;
  pointer-events: none; z-index: -1;
}
#discovery-notice .discovery-notice-header { text-align: center; padding-bottom: 22px; }
#discovery-notice .discovery-notice-eyebrow {
  margin: 0 0 12px; color: var(--discovery-plum);
  font: 700 .67rem/1.6 ui-monospace, var(--cjk-mono, monospace); letter-spacing: .13em; text-transform: uppercase;
}
#discovery-notice h2 {
  margin: 0 0 12px; color: var(--discovery-ink);
  font: 500 clamp(1.8rem, 4.2vw, 2.7rem)/1.12 Georgia, 'Times New Roman', serif; letter-spacing: -.025em;
}
#discovery-notice p { margin: 0; line-height: 1.55; }
#discovery-notice #discovery-notice-introduction { max-width: 32rem; margin: auto; font-size: .92rem; }
#discovery-notice .discovery-notice-discoveries {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px;
  margin: 0; padding: 0; list-style: none; border-block: 1px solid #a58a5366;
}
#discovery-notice .discovery-notice-discoveries li {
  display: flex; align-items: center; gap: 13px; min-width: 0; padding: 18px 0;
}
#discovery-notice .discovery-notice-discoveries li:nth-child(n + 4) { border-top: 1px solid #a58a5340; }
#discovery-notice .discovery-notice-discoveries .discovery-notice-specimens {
  grid-column: 1 / -1; justify-content: center; padding: 20px 0; border-bottom: 1px solid #a58a5366;
}
#discovery-notice .discovery-notice-discoveries svg {
  flex: none; width: 36px; height: 36px; color: var(--discovery-ink);
  fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;
}
#discovery-notice .discovery-notice-specimens svg { width: 56px; height: 56px; color: var(--discovery-plum); }
#discovery-notice h3 { margin: 0 0 3px; color: var(--discovery-ink); font: 600 1.1rem/1.25 Georgia, 'Times New Roman', serif; }
#discovery-notice .discovery-notice-specimens h3 { font-size: 1.6rem; color: var(--discovery-plum); }
#discovery-notice .discovery-notice-discoveries p { font-size: .82rem; }
#discovery-notice .discovery-notice-activation {
  display: flex; align-items: center; gap: 13px; margin-top: 23px; padding: 14px 16px;
  border-left: 3px solid #a3813d; background: #c2a45f19;
}
#discovery-notice .discovery-notice-activation img { width: 25px; height: 32px; object-fit: contain; flex: none; }
#discovery-notice .discovery-notice-activation h3 { font-size: 1rem; }
#discovery-notice .discovery-notice-activation p { font-size: .8rem; }
#discovery-notice .discovery-notice-footer { padding: 22px 0 0; margin: 0; text-align: center; }
#discovery-notice #discovery-notice-close {
  min-width: 150px; min-height: 46px; padding: 10px 30px; border: 1px solid #64203a; border-radius: 6px;
  background: var(--discovery-plum); color: #fff7e6; box-shadow: 0 3px 0 #542038, inset 0 1px 0 #ffffff24;
  font: 700 .9rem/1.4 system-ui, sans-serif; cursor: pointer;
}
#discovery-notice #discovery-notice-close:hover { background: #70203e; }
#discovery-notice #discovery-notice-close:focus-visible { outline: 2px solid #3e4934; outline-offset: 4px; }
@media (max-width: 560px) {
  #discovery-notice { padding: 12px; }
  #discovery-notice .discovery-notice-page { padding: 22px 16px 20px; }
  #discovery-notice .discovery-notice-header { padding-bottom: 15px; }
  #discovery-notice .discovery-notice-eyebrow { font-size: .58rem; letter-spacing: .08em; margin-bottom: 10px; }
  #discovery-notice h2 { font-size: 1.85rem; margin-bottom: 10px; }
  #discovery-notice #discovery-notice-introduction { font-size: .8rem; }
  #discovery-notice .discovery-notice-discoveries { gap: 0 14px; }
  #discovery-notice .discovery-notice-discoveries li { flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px 0; }
  #discovery-notice .discovery-notice-discoveries .discovery-notice-specimens { flex-direction: row; align-items: center; gap: 12px; padding: 14px 0; }
  #discovery-notice .discovery-notice-discoveries svg { width: 26px; height: 26px; }
  #discovery-notice .discovery-notice-specimens svg { width: 44px; height: 44px; }
  #discovery-notice h3 { font-size: .96rem; }
  #discovery-notice .discovery-notice-specimens h3 { font-size: 1.35rem; }
  #discovery-notice .discovery-notice-discoveries p { font-size: .73rem; line-height: 1.45; }
  #discovery-notice .discovery-notice-activation { gap: 9px; margin-top: 15px; padding: 10px; }
  #discovery-notice .discovery-notice-activation h3 { font-size: .93rem; }
  #discovery-notice .discovery-notice-activation p { font-size: .73rem; line-height: 1.45; }
  #discovery-notice .discovery-notice-footer { padding-top: 16px; }
}
.discovery-destinations { display: grid; gap: .8rem; margin-block: 1rem; }
.discovery-page-lock { display: block; width: 4rem; height: 4rem; object-fit: contain; margin: 1rem auto; }

.discovery-page-main > [data-discovery-page-content] { display: none !important; }
.discovery-page-main { display: block !important; overflow-y: auto !important; }
.discovery-page-main #discovery-main { padding: .75rem; }
.discovery-page-main #discovery-main h1 { font-size: clamp(1.2rem, 3vw, 1.8rem); }

#console-menu a.discovery-locked-control::after { position: absolute; inset-inline-end: .6rem; top: 50%; transform: translateY(-50%); margin: 0; }
#console-menu a.discovery-locked-control > b { opacity: 0; }
.discovery-banner [data-discovery-announcements] { display: inline-block; margin-top: .4rem; color: inherit; text-underline-offset: .2em; font-weight: 600; }
[data-discovery-announcements][hidden] { display: none !important; }
#discovery-main { --closure-accent: #842348; text-align: center; }
#discovery-main[data-place="market"], #discovery-notice[data-place="market"] { --closure-accent: #77552a; }
#discovery-main[data-place="friends"], #discovery-notice[data-place="friends"] { --closure-accent: #416250; }
#discovery-main > h1 { color: var(--closure-accent); font-family: Georgia, 'Times New Roman', serif; }
#discovery-main > p { max-width: 40rem; margin: .8rem auto; line-height: 1.6; }
#discovery-main > [data-discovery-copy="activation"] { font-size: .82rem; opacity: .8; }
#discovery-main .discovery-banner { text-align: start; }
#discovery-notice.discovery-closure-notice .discovery-notice-discoveries { display: none; }
#discovery-notice.discovery-closure-notice .discovery-notice-header { padding-bottom: 0; }
#discovery-notice.discovery-closure-notice h2 { color: var(--closure-accent, var(--discovery-ink)); }
#discovery-notice [data-discovery-announcements] { display: inline-block; margin-top: .7rem; color: var(--discovery-plum); font-size: .85rem; font-weight: 600; }