/* Segundo nível do painel: fantasia cristalina original, sem arte do jogo. */
.realm-level-aurora {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.realm-level-aurora i {
  position: absolute;
  display: block;
  width: min(46vw, 620px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99, 222, 218, .16), rgba(84, 114, 213, .07) 36%, transparent 67%);
  filter: blur(8px);
  animation: realm-aurora 18s ease-in-out infinite alternate !important;
}
.realm-level-aurora i:nth-child(1) { top: -20%; left: -14%; }
.realm-level-aurora i:nth-child(2) { top: 16%; right: -15%; animation-delay: -7s !important; background: radial-gradient(circle, rgba(164, 113, 226, .12), rgba(77, 150, 208, .07) 37%, transparent 70%); }
.realm-level-aurora i:nth-child(3) { bottom: -25%; left: 18%; animation-delay: -12s !important; }

.auth, .dashboard-intro, .dashboard-map-card, .hero { isolation: isolate; }
.dashboard-intro { overflow: hidden; }
.auth { overflow: hidden; }
.auth::after, .dashboard-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 265px;
  height: 265px;
  border: 1px solid rgba(135, 225, 234, .25);
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, transparent 0deg 22deg, rgba(198, 228, 236, .16) 23deg 24deg, transparent 25deg 45deg);
  box-shadow: inset 0 0 0 20px rgba(164, 223, 225, .025), inset 0 0 0 49px rgba(233, 198, 127, .045), 0 0 36px rgba(123, 220, 235, .08);
  pointer-events: none;
  animation: realm-dial 34s linear infinite !important;
}
.auth::after { top: -125px; right: -100px; }
.dashboard-intro::after { top: -145px; right: -64px; }
.auth .crest { margin-left: auto; margin-right: auto; }
.auth .crest::before, .topbar .crest::before {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid rgba(169, 236, 244, .48);
  border-radius: 50%;
  box-shadow: 0 0 19px rgba(121, 226, 240, .21);
  animation: realm-crest-ring 4.8s ease-in-out infinite !important;
}
.auth .crest::before { inset: 3px; }
.topbar .crest::before { inset: 0; }

.realm-sigil-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: -8px 0 19px;
}
.realm-sigil-strip span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid currentColor;
  border-radius: 9px 2px 9px 2px;
  background: rgba(7, 21, 42, .8);
  font-size: 19px;
  line-height: 1;
  box-shadow: 0 0 11px currentColor, inset 0 0 9px rgba(249, 241, 216, .1);
  animation: realm-sigil 4.6s ease-in-out infinite !important;
}
.realm-sigil-strip .sigil-healer { color: #9ae2d2; }
.realm-sigil-strip .sigil-enchanter { color: #baa6f0; animation-delay: -1.4s !important; }
.realm-sigil-strip .sigil-warrior { color: #f3d18e; animation-delay: -2.7s !important; }
.realm-sigil-strip-intro { justify-content: flex-end; margin: -12px 2px 12px; }
.realm-sigil-strip-intro span { width: 27px; height: 27px; font-size: 16px; }
.realm-level-caption {
  display: inline-block;
  margin-top: 4px;
  color: #9ce4e9;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-shadow: 0 0 11px rgba(132, 223, 235, .62);
}
.form select {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  padding: 13px 14px;
  border: 1px solid rgba(191, 166, 113, .45);
  border-radius: 11px;
  background: #091629;
  color: #f7f3e7;
  font: inherit;
}
.form select:focus { outline: 3px solid rgba(103, 200, 230, .24); border-color: #8fdaed; }
.form select[hidden] { display: none; }
.store-finder summary { cursor: pointer; color: #d9d0b7; font-size: 13px; font-weight: 800; }
.store-finder[open] summary { margin-bottom: 16px; }

#tab-create { overflow: visible; padding-top: 24px; }
#tab-create .form { overflow: visible; }
#tab-create .form::before, #tab-create .form::after { pointer-events: none; }
.store-combobox { position: relative; z-index: 5; margin-bottom: 18px; }
.store-search-field { display: flex; align-items: center; border: 1px solid rgba(183, 213, 231, .53); border-radius: 14px; background: linear-gradient(120deg, #081a30, #102641); box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 9, 24, .22); transition: border-color .2s, box-shadow .2s, transform .2s; }
.store-search-field:focus-within, .store-combobox.is-open .store-search-field { border-color: #9ce4e9; box-shadow: 0 0 0 3px rgba(118, 216, 231, .18), 0 0 23px rgba(112, 212, 228, .18); transform: translateY(-2px); }
.store-search-field > span { padding-left: 16px; color: #97e4e9; font-size: 25px; line-height: 1; }
#storeSearch { min-width: 0; flex: 1; width: 100%; margin: 0; padding: 14px 11px; border: 0; outline: 0; background: transparent; box-shadow: none; color: #fffaf0; font-size: 16px; }
#storeSearch:focus { transform: none; border: 0; box-shadow: none; }
#storeSearch::placeholder { color: #b8c8d5; }
#storeToggle { align-self: stretch; width: 48px; border: 0; border-left: 1px solid rgba(163, 217, 232, .19); background: transparent; color: #edd39b; font-size: 29px; cursor: pointer; }
.store-combobox.is-open #storeToggle { transform: rotate(180deg); }
.store-options { position: absolute; z-index: 30; top: calc(100% + 7px); left: 0; right: 0; max-height: 310px; overflow: auto; padding: 6px; border: 1px solid rgba(182, 226, 232, .43); border-radius: 14px; background: #09182c; box-shadow: 0 22px 40px rgba(0, 6, 18, .72), 0 0 25px rgba(87, 196, 215, .13); animation: store-options-enter .18s ease-out; }
.store-options[hidden] { display: none; }
.store-option { display: flex; width: 100%; min-height: 43px; align-items: center; gap: 11px; padding: 9px 12px; border: 0; border-radius: 9px; background: transparent; color: #f1f2e9; text-align: left; font: inherit; cursor: pointer; }
.store-option:hover, .store-option.is-highlighted, .store-option[aria-selected="true"] { background: linear-gradient(95deg, #1b5971, #17405d); color: #fff; }
.store-option-mark { color: #e9ca88; }
.store-option-chevron { margin-left: auto; color: #9ce4e9; font-size: 22px; }
.store-option-empty { padding: 12px; margin: 0; color: #c8d2d9; }
#add { min-height: 52px; margin-top: 28px; padding: 13px 23px; gap: 12px; border-radius: 14px; box-shadow: 0 9px 22px rgba(205, 165, 88, .27), 0 0 18px rgba(246, 216, 151, .2); animation: generate-glow 3.8s ease-in-out infinite; }
#add:disabled { cursor: progress; opacity: .9; }
#add.is-generating { animation: none; }
.generate-spinner { display: none; width: 20px; height: 20px; border: 3px solid rgba(31, 27, 21, .25); border-top-color: #1b2231; border-radius: 50%; }
#add.is-generating .generate-spinner { display: block; animation: generate-spin .75s linear infinite; }
@keyframes store-options-enter { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes generate-glow { 50% { box-shadow: 0 10px 26px rgba(205, 165, 88, .44), 0 0 27px rgba(246, 216, 151, .33); } }
@keyframes generate-spin { to { transform: rotate(360deg); } }

.dashboard-intro, .hero, .dashboard-map-card {
  background-image: radial-gradient(circle at 97% 2%, rgba(133, 223, 231, .14), transparent 33%), linear-gradient(145deg, rgba(28, 44, 70, .96), rgba(13, 24, 43, .97) 62%, rgba(21, 32, 54, .97));
}
.dashboard-intro, .dashboard-pages, .dashboard-editor, .dashboard-map-card, .hero {
  box-shadow: 0 22px 46px rgba(2, 8, 20, .52), inset 0 1px 0 rgba(255, 245, 214, .15), 0 0 24px rgba(100, 207, 223, .11);
}
.dashboard-intro::before, .dashboard-map-card::before, .hero::before {
  border-color: rgba(224, 207, 153, .17);
}
.dashboard-stats span, .stat, .business-page-item, .dashboard-quicklinks a {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.dashboard-stats span:hover, .stat:hover, .business-page-item:hover, .dashboard-quicklinks a:hover {
  transform: translateY(-3px);
  border-color: rgba(165, 231, 238, .68);
  box-shadow: 0 6px 19px rgba(60, 179, 207, .16), inset 0 0 15px rgba(114, 200, 227, .07);
}
.realm-map-frame { background-image: linear-gradient(115deg, #354e6b, #0d1b31 33%, #28445f 68%, #ad8956); }
.realm-map-compass { animation: realm-compass 8s ease-in-out infinite !important; }
.realm-map-pin span { animation: realm-pin-pulse 3.8s ease-in-out infinite !important; }

@keyframes realm-aurora { from { transform: translate3d(-24px, 12px, 0) scale(.86); opacity: .54; } to { transform: translate3d(30px, -30px, 0) scale(1.2); opacity: 1; } }
@keyframes realm-dial { to { transform: rotate(360deg); } }
@keyframes realm-crest-ring { 50% { opacity: .3; transform: scale(1.1); } }
@keyframes realm-sigil { 50% { filter: brightness(1.35); transform: translateY(-4px) rotate(5deg); } }
@keyframes realm-map-shimmer { to { background-position: 100% 100%; } }
@keyframes realm-compass { 50% { box-shadow: 0 0 23px rgba(159, 232, 239, .72), inset 0 0 12px rgba(141, 219, 229, .18); } }
@keyframes realm-pin-pulse { 50% { box-shadow: 0 2px 12px rgba(0, 18, 35, .6), 0 0 27px rgba(119, 215, 232, .9); } }

@media (max-width: 600px) {
  .realm-level-aurora i { width: 76vw; }
  .realm-level-aurora i:nth-child(3) { display: none; }
  .realm-sigil-strip-intro { justify-content: center; margin: 0 0 14px; }
  .realm-level-caption { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .realm-level-aurora i, .auth::after, .dashboard-intro::after, .auth .crest::before,
  .topbar .crest::before, .realm-sigil-strip span, .realm-map-frame,
  .realm-map-compass, .realm-map-pin span { animation: none !important; }
  #add, .generate-spinner, .store-options { animation: none !important; }
}
html.lite-mode .realm-level-aurora, html.lite-mode .auth::after,
html.lite-mode .dashboard-intro::after { display: none !important; }
html.lite-mode .realm-sigil-strip span, html.lite-mode .realm-map-frame,
html.lite-mode .realm-map-compass, html.lite-mode .realm-map-pin span { animation: none !important; }
html.panel-hidden *, html.panel-hidden *::before, html.panel-hidden *::after { animation-play-state: paused !important; }