/* Approved v200 pet canvases: native 1672 × 941, one uniform scale.
   Frame art stays intact; text, inventory, buttons and scrolling are live DOM. */
#nx198PetModal.nx200-pet-modal { padding: 4px; container-type: size; background: #0d0a0759; }
#nx198PetModal.nx200-pet-modal .nx198-pet-panel {
  position: relative; container-type: inline-size;
  width: min(100%, calc((100cqh - 8px) * 1672 / 941)); max-width: 1672px;
  height: auto; max-height: none; aspect-ratio: 1672 / 941;
  display: block; padding: 0; border: 0; border-radius: 0;
  background: url('assets/ui-200/pets-collection-clean.png') center / contain no-repeat;
  box-shadow: none; color: #fff0d0;
}
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx198-pet-panel { background-image: url('assets/ui-200/pets-merge-clean.png'); }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx198-pet-panel { background-image: url('assets/ui-200/pets-gacha-clean.png'); }
#nx198PetModal.nx200-pet-modal .nx198-pet-panel > header,
#nx198PetModal.nx200-pet-modal .nx198-pet-tabs,
#nx198PetModal.nx200-pet-modal .nx198-pet-body,
#nx198PetModal.nx200-pet-modal :is(.nx200-pet-collection-layout,.nx200-pet-collection,.nx200-pet-filters,.nx200-pet-filters nav,.nx200-pet-inspector,.nx198-pet-main,.nx198-pet-details,.nx198-pet-details dl,.nx200-pet-detail-footer,.nx198-pet-merge,.nx200-merge-workbench,.nx198-pet-merge-pair,.nx200-merge-summary,.nx200-merge-summary > div:not(.nx200-merge-result-preview),.nx200-merge-actions,.nx200-merge-roster,.nx200-eggs,.nx200-egg-stage,.nx200-egg-actions,.nx200-egg-catalog,.nx200-egg-species) {
  display: contents; position: static; padding: 0; margin: 0; border: 0; background: none; overflow: visible;
}
#nx198PetModal.nx200-pet-modal h2 { margin: 0; display: flex; align-items: center; color: #ffe6ad; font: 700 2.3cqw Georgia, serif; letter-spacing: .02em; white-space: nowrap; }
#nx198PetModal.nx200-pet-modal button { touch-action: manipulation; }
#nx198PetModal.nx200-pet-modal .nx198-pet-panel button:focus-visible { outline: 2px solid #fff2bd; outline-offset: 1px; }
#nx198PetModal.nx200-pet-modal .nx198-pet-panel button:disabled { opacity: .43; filter: grayscale(.4); }
#nx198PetModal.nx200-pet-modal .nx198-pet-tabs button,
#nx198PetModal.nx200-pet-modal .nx198-pet-close,
#nx198PetModal.nx200-pet-modal .nx200-pet-filters button,
#nx198PetModal.nx200-pet-modal .nx200-merge-slot {
  border: 0; padding: 0; border-radius: .6cqw; background: transparent; box-shadow: none;
}
#nx198PetModal.nx200-pet-modal .nx198-pet-tabs button { display: flex; align-items: center; justify-content: center; gap: .8cqw; min-height: 0; font: 1.8cqw Georgia, serif; color: #e9cda0; white-space: nowrap; }
#nx198PetModal.nx200-pet-modal .nx198-pet-tabs button.is-active { color: #fff2d2; text-shadow: 0 1px 3px #241205; }
#nx198PetModal.nx200-pet-modal .nx198-pet-tabs svg { width: 2.5cqw; height: 2.5cqw; fill: currentColor; }
#nx198PetModal.nx200-pet-modal .nx198-pet-close { color: transparent; font-size: 0; }
#nx198PetModal.nx200-pet-modal .nx198-pet-wallet { border: 0; padding: 0; margin: 0; font: .82cqw Georgia, serif; text-align: right; color: #dcc397; text-shadow: 0 1px 2px #000; }
#nx198PetModal.nx200-pet-modal .nx198-pet-message { min-height: 0; margin: 0; padding: 0; pointer-events: none; font: .95cqw Georgia, serif; text-shadow: 0 1px 3px #000; z-index: 2; }
#nx198PetModal.nx200-pet-modal .nx198-pet-message:not(:empty) { padding: .25cqw .5cqw; border-radius: .35cqw; background: #24150eee; }
#nx198PetModal.nx200-pet-modal .nx198-pet-retry { z-index: 3; margin: 0; padding: .25cqw .6cqw; font-size: 1cqw; }

/* Four columns scroll independently; fixed inspector keeps its native framing. */
#nx198PetModal.nx200-pet-modal .nx200-pet-collection > header,
#nx198PetModal.nx200-pet-modal .nx200-merge-roster > header { display: flex; align-items: center; justify-content: space-between; padding: 0; border: 0; }
#nx198PetModal.nx200-pet-modal .nx200-pet-collection h3,
#nx198PetModal.nx200-pet-modal .nx200-merge-roster h3 { display: flex; align-items: center; gap: .7cqw; margin: 0; font: 1.85cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-pet-collection header svg,
#nx198PetModal.nx200-pet-modal .nx200-merge-roster header svg { width: 2.4cqw; height: 2.4cqw; fill: #e3bd78; }
#nx198PetModal.nx200-pet-modal .nx200-pet-collection header > span,
#nx198PetModal.nx200-pet-modal .nx200-merge-roster header > span { color: #e2cba1; font: 1.45cqw Georgia, serif; white-space: nowrap; }
#nx198PetModal.nx200-pet-modal .nx200-pet-search { display: flex; align-items: center; gap: .5cqw; padding: 0 .8cqw; border: 0; background: transparent; }
#nx198PetModal.nx200-pet-modal .nx200-pet-search > span { color: #caaa77; font: 2.2cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-pet-search input { width: 100%; min-width: 0; border: 0; padding: 0; border-radius: 0; background: transparent; font: 1.3cqw Georgia, serif; color: #fff2d2; }
#nx198PetModal.nx200-pet-modal .nx200-pet-search input::placeholder { color: #b7a283; }
#nx198PetModal.nx200-pet-modal .nx200-pet-filters button { font: 1.4cqw Georgia, serif; color: #e7d0a7; }
#nx198PetModal.nx200-pet-modal .nx200-pet-filters button.is-active { box-shadow: inset 0 0 .45cqw #ffe6ad; color: white; }
#nx198PetModal.nx200-pet-modal :is(.nx200-pet-collection-grid,.nx200-merge-grid) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows: max-content; align-content: start; gap: .54cqw; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #d3a65e #362311; padding: .15cqw .6cqw .5cqw .15cqw; }
#nx198PetModal.nx200-pet-modal .nx200-pet-card-wrap { min-width: 0; position: relative; }
#nx198PetModal.nx200-pet-modal .nx198-pet-choice { position: relative; display: block; width: 100%; min-width: 0; aspect-ratio: 157 / 161; padding: 0; border: 0; border-radius: .65cqw; overflow: hidden; background: radial-gradient(circle, #70583177, #24190de0); box-shadow: none; }
#nx198PetModal.nx200-pet-modal .nx198-pet-choice::after { content: ''; position: absolute; inset: 0; background: url('assets/ui-200/pets-card-frame.png') center / contain no-repeat; pointer-events: none; }
#nx198PetModal.nx200-pet-modal .nx198-pet-choice > img { position: absolute; width: 94%; height: 94%; top: 3%; left: 3%; object-fit: contain; }
#nx198PetModal.nx200-pet-modal .nx198-rank { border-radius: .3cqw; border-color: #d0b075; font-family: Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx198-rank.R { background: linear-gradient(#476482, #162b45); color: #d4efff; }
#nx198PetModal.nx200-pet-modal .nx198-rank.SR { background: linear-gradient(#684079, #371345); color: #efd5ff; }
#nx198PetModal.nx200-pet-modal .nx198-rank.SSR { background: linear-gradient(#946622, #51300a); color: #ffedb5; }
#nx198PetModal.nx200-pet-modal .nx198-pet-choice > .nx198-rank { position: absolute; left: .25cqw; top: .25cqw; z-index: 2; font-size: 1.45cqw; padding: .08cqw .42cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-choice.is-selected { box-shadow: inset 0 0 0 .16cqw #ffde8a, 0 0 .6cqw #f5bd5c90; }
#nx198PetModal.nx200-pet-modal .nx200-pet-card-level { position: absolute; left: .25cqw; right: .25cqw; bottom: .15cqw; padding: .3cqw .45cqw; background: linear-gradient(transparent,#1c130bee); color: #fff2d4; font: 1.35cqw Georgia, serif; text-align: left; }
#nx198PetModal.nx200-pet-modal .nx200-following-dot { position: absolute; width: .6cqw; height: .6cqw; background: #b9dfa9; border: 1px solid #fff0bc; border-radius: 50%; right: .5cqw; top: .6cqw; }
#nx198PetModal.nx200-pet-modal .nx200-empty-grid { grid-column: 1/-1; font-size: 1.3cqw; color: #c7b491; }
#nx198PetModal.nx200-pet-modal .nx198-pet-art { padding: .7cqw; background: none; display: grid; place-items: center; }
#nx198PetModal.nx200-pet-modal .nx198-pet-art > img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 1cqw #f2d89f25); }
#nx198PetModal.nx200-pet-modal .nx198-pet-details h3 { display: flex; align-items: center; justify-content: space-between; gap: .2cqw; padding: 0; margin: 0; font: 2.1cqw Georgia, serif; text-transform: uppercase; white-space: nowrap; }
#nx198PetModal.nx200-pet-modal .nx198-pet-details h3 .nx198-rank { font-size: 1.45cqw; padding: .15cqw .5cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-level { padding: 0; margin: 0; font: 1.6cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx198-pet-exp { border: 0; border-radius: .25cqw; background: transparent; }
#nx198PetModal.nx200-pet-modal .nx198-pet-exp i { background: linear-gradient(90deg,#66815b,#a9c38c); opacity: .9; }
#nx198PetModal.nx200-pet-modal .nx198-pet-exp span { display: flex; align-items: center; justify-content: center; padding: 0 .4cqw; font: 1.12cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx198-pet-details > small { margin: 0; font: .8cqw Georgia, serif; line-height: 1.25; }
#nx198PetModal.nx200-pet-modal .nx198-pet-details dl div { display: flex; align-items: center; justify-content: space-between; gap: .5cqw; padding: 0 .8cqw; border: 0; background: transparent; font: 1.45cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx198-pet-details dt { display: flex; align-items: center; gap: .7cqw; white-space: nowrap; }
#nx198PetModal.nx200-pet-modal .nx198-pet-details dt i { color: #dfc18b; font: normal 1.7cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-pet-food-count { display: flex; align-items: center; justify-content: center; gap: .4cqw; font: 1.25cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-pet-food-count img { width: 4cqw; height: 4.8cqw; object-fit: contain; }
#nx198PetModal.nx200-pet-modal .nx200-pet-food-count strong { display: inline-block; padding-top: .35cqw; font-size: 1.45cqw; font-weight: 400; }
#nx198PetModal.nx200-pet-modal .nx200-pet-detail-footer button { font: 1.7cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx198-pet-empty { padding: 1cqw; text-align: center; font-size: 1.7cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-empty svg { width: 4cqw; height: 4cqw; }

/* Two material slots; a pet is never chosen merely by opening this tab. */
#nx198PetModal.nx200-pet-modal .nx200-merge-workbench > h3 { margin: 0; text-align: center; font: 2.2cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot-wrap { padding: 0; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot-wrap h4 { position: absolute; left: 21%; top: -5.2%; width: 58%; height: 10.5%; z-index: 2; margin: 0; display: grid; place-items: center; background: none; border: 0; font: 1.4cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot { display: block; position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 2.3cqw; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot.is-active { box-shadow: inset 0 0 0 .13cqw #ffe0a0, 0 0 .65cqw #eab45c80; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot img { width: 100%; height: 93%; object-fit: contain; padding: .5cqw; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot > .nx198-rank { position: absolute; top: 1cqw; right: 1cqw; font-size: 1.8cqw; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot > b:not(.nx198-rank) { display: grid; place-items: center; height: 80%; font: 4cqw Georgia, serif; color: #c19b60; }
#nx198PetModal.nx200-pet-modal .nx200-merge-slot > span { position: absolute; bottom: .6cqw; left: .7cqw; right: .7cqw; font: 1.45cqw Georgia, serif; text-align: center; padding: .25cqw; background: #352310a0; }
#nx198PetModal.nx200-pet-modal .nx200-merge-remove { position: absolute; right: .5cqw; bottom: .5cqw; z-index: 3; padding: .15cqw .35cqw; font-size: .95cqw; min-height: 0; }
#nx198PetModal.nx200-pet-modal .nx200-merge-plus { display: none; }
#nx198PetModal.nx200-pet-modal .nx200-merge-result-preview { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .25cqw; border: 0; background: none; }
#nx198PetModal.nx200-pet-modal .nx200-merge-result-preview img { width: 78%; height: 72%; object-fit: contain; }
#nx198PetModal.nx200-pet-modal .nx200-merge-result-preview svg { width: 4cqw; height: 4cqw; fill: #edcd8b; }
#nx198PetModal.nx200-pet-modal .nx200-merge-result-preview strong { color: #e5baf7; font: 1.3cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-merge-chance { margin: 0; display: flex; align-items: center; justify-content: center; gap: .6cqw; font: 1.7cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-merge-chance b { font-size: 2.6cqw; color: #f0ca72; }
#nx198PetModal.nx200-pet-modal .nx200-merge-rule { border: 0; background: none; padding: .5cqw .65cqw; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #987544 transparent; }
#nx198PetModal.nx200-pet-modal .nx200-merge-rule p { margin: 0 0 .3cqw; color: #3e2813; font: .95cqw Georgia, serif; line-height: 1.25; }
#nx198PetModal.nx200-pet-modal .nx200-merge-workbench > small { text-align: center; font-size: .9cqw; }
#nx198PetModal.nx200-pet-modal .nx200-merge-grid .nx198-pet-choice { aspect-ratio: 149 / 154; }
#nx198PetModal.nx200-pet-modal .nx200-merge-grid .nx198-pet-choice::after { background-image: url('assets/ui-200/pets-merge-card-frame.png'); }
#nx198PetModal.nx200-pet-modal .nx200-merge-grid .nx198-pet-choice > .nx198-rank { left: auto; right: .3cqw; }
#nx198PetModal.nx200-pet-modal .nx200-placed-mark { position: absolute; right: .4cqw; bottom: 1.7cqw; width: 1.8cqw; height: 1.8cqw; border: 1px solid #ffe5ad; border-radius: 50%; background: #9a7634; color: white; font: 1.4cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx198-pet-choice.is-incompatible { opacity: .35; }
#nx198PetModal.nx200-pet-modal .nx200-merge-grid [data-pet-action="merge-place"] { width: 100%; min-height: 2.4cqw; padding: .1cqw; margin-top: .25cqw; border-radius: .4cqw; font: 1.1cqw Georgia, serif; }

/* Egg reveal uses actual pet IDs/ranks in the server receipt. */
#nx198PetModal.nx200-pet-modal .nx200-egg-stage h3 { margin: 0; display: grid; place-items: center; font: 3cqw Georgia, serif; letter-spacing: .03em; color: #fff1d0; text-shadow: 0 .1cqw .3cqw #000; }
#nx198PetModal.nx200-pet-modal .nx200-egg-stage > p { margin: 0; text-align: center; font: 1.25cqw Georgia, serif; text-shadow: 0 .1cqw .25cqw #000; }
#nx198PetModal.nx200-pet-modal .nx200-egg-hero { object-fit: contain; filter: drop-shadow(0 0 1.6cqw #ffdf9a60); }
#nx198PetModal.nx200-pet-modal .nx200-egg-hero.is-opening { animation: nx200-egg-breathe 1.2s ease-in-out infinite alternate; }
#nx198PetModal.nx200-pet-modal .nx200-egg-count { display: grid; grid-auto-flow: column; align-items: center; justify-content: center; gap: .45cqw; font: 1.5cqw Georgia, serif; color: #fff7e1; text-shadow: 0 1px 3px #000; }
#nx198PetModal.nx200-pet-modal .nx200-egg-catalog h3 { margin: 0; display: grid; place-items: center; font: 1.6cqw Georgia, serif; text-align: center; }
#nx198PetModal.nx200-pet-modal .nx200-egg-species > div { display: flex; flex-direction: column; padding: .3cqw; border: 0; background: none; }
#nx198PetModal.nx200-pet-modal .nx200-egg-species img { width: 100%; height: calc(100% - 1.25cqw); min-height: 0; object-fit: contain; }
#nx198PetModal.nx200-pet-modal .nx200-egg-species span { text-align: center; white-space: nowrap; font: .95cqw Georgia, serif; color: #f4d6a0; }
#nx198PetModal.nx200-pet-modal .nx200-egg-catalog h4 { margin: 0; display: grid; place-items: center; font: 1.45cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-egg-rates { display: flex; justify-content: space-around; align-items: center; gap: .3cqw; font: 1.25cqw Georgia, serif; }
#nx198PetModal.nx200-pet-modal .nx200-egg-rates > span { display: flex; align-items: center; gap: .35cqw; white-space: nowrap; }
#nx198PetModal.nx200-pet-modal .nx200-egg-rates .nx198-rank { padding: .15cqw .4cqw; font-size: 1.3cqw; }
#nx198PetModal.nx200-pet-modal [data-pet-action="egg-results"] { min-height: 0; padding: .15cqw .4cqw; font: .95cqw Georgia, serif; }

/* Shop remains a separate real purchase interface. No screenshot text as data. */
#nx198PetModal.nx200-pet-modal[data-pet-screen="shop"] .nx198-pet-panel { background-image: none; background-color: #302214f5; border: 1px solid #d5b475; border-radius: 1.4cqw; box-shadow: inset 0 0 0 .4cqw #24170d, inset 0 0 0 .5cqw #97723e; }
#nx198PetModal.nx200-pet-modal[data-pet-screen="shop"] .nx198-pet-panel > header { display: flex; position: absolute; inset: 5% 5% auto; height: 9%; justify-content: space-between; align-items: center; }
#nx198PetModal.nx200-pet-modal[data-pet-screen="shop"] h2 { position: static; width: auto; height: auto; }
#nx198PetModal.nx200-pet-modal[data-pet-screen="shop"] .nx198-pet-tabs { display: none; }
#nx198PetModal.nx200-pet-modal[data-pet-screen="shop"] .nx198-pet-close { position: static; width: 4cqw; height: 4cqw; color: #f6d398; font-size: 3cqw; }
#nx198PetModal.nx200-pet-modal[data-pet-screen="shop"] .nx198-pet-body { display: block; position: absolute; inset: 17% 5% 10%; min-height: 0; overflow-y: auto; }
#nx198PetModal.nx200-pet-modal .nx198-pet-shop { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); height: 87%; padding: 0; gap: 1.5cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-shop article { padding: 1cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-shop article img { height: 50%; min-height: 0; }
#nx198PetModal.nx200-pet-modal .nx198-pet-shop h3 { margin: .6cqw 0 .3cqw; font-size: 1.7cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-shop :is(p,strong,button) { font-size: 1.15cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-shop button { padding: .6cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-shop-note { font-size: 1cqw; }
#nx198PetModal.nx200-pet-modal .nx198-pet-submodal { position: fixed; z-index: 1000; inset: 0; padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); }
#nx198PetModal.nx200-pet-modal .nx198-pet-submodal article { max-height: 100%; }
.nx200-item-modal-art { display: block; width: 100px; height: 130px; object-fit: contain; margin: 10px auto; }
#nx198PetModal.nx200-pet-modal .nx198-pet-submodal .nx200-egg-results { width: min(880px,96vw,100%); max-width: none; text-align: center; }
.nx200-egg-results-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; padding: 12px 0; }
.nx200-hatch-card { min-width: 0; border: 1px solid #af9463; border-radius: 8px; background: radial-gradient(circle,#a28c5c3b,#25190c); padding: 9px; animation: nx200-hatch-reveal .35s both; animation-delay: calc(var(--reveal-order)*70ms); }
.nx200-hatch-card.SR { border-color: #c6a0d9; background: radial-gradient(circle,#9269aa4f,#2a182e); }
.nx200-hatch-card.SSR { border-color: #ffe3a2; background: radial-gradient(circle,#d7aa3c5e,#412d11); }
.nx200-hatch-card > img { width: 100%; height: min(21vh,170px); object-fit: contain; }
.nx200-hatch-card :is(h4,p) { margin: 5px 0 0; font-size: 12px; }
@keyframes nx200-egg-breathe { from { filter: drop-shadow(0 0 1cqw #ffdf9a65); } to { filter: drop-shadow(0 0 2.2cqw #ffdf9ad0); } }
@keyframes nx200-hatch-reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-height: 480px) { #nx198PetModal.nx200-pet-modal .nx198-pet-submodal article { padding: 12px; } #nx198PetModal.nx200-pet-modal .nx198-pet-submodal p { margin-block: 6px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { #nx198PetModal.nx200-pet-modal *, #nx198PetModal.nx200-pet-modal *::before { animation: none !important; } }

/* Positions below are native-canvas measurements, not independently scaled assets. */
#nx198PetModal.nx200-pet-modal h2 { position: absolute; left: 9.330144%; top: 9.139214%; width: 15.490431%; height: 7.120085%;  }
#nx198PetModal.nx200-pet-modal [data-pet-view="pets"] { position: absolute; left: 27.691388%; top: 9.245484%; width: 15.789474%; height: 7.226355%;  }
#nx198PetModal.nx200-pet-modal [data-pet-view="merge"] { position: absolute; left: 44.138756%; top: 9.245484%; width: 15.849282%; height: 7.013815%;  }
#nx198PetModal.nx200-pet-modal [data-pet-view="eggs"] { position: absolute; left: 60.526316%; top: 9.245484%; width: 15.311005%; height: 7.013815%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-close { position: absolute; left: 92.224880%; top: 8.289054%; width: 4.306220%; height: 7.438895%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-wallet { position: absolute; left: 53.827751%; top: 91.392136%; width: 40.071770%; height: 2.231668%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-message { position: absolute; left: 5.143541%; top: 90.648247%; width: 47.248804%; height: 2.975558%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-retry { position: absolute; left: 39.234450%; top: 86.503719%; width: 6.100478%; height: 3.081828%;  }
#nx198PetModal.nx200-pet-modal .nx200-pet-collection > header { position: absolute; left: 5.322967%; top: 18.916047%; width: 38.337321%; height: 5.526036%;  }
#nx198PetModal.nx200-pet-modal .nx200-pet-search { position: absolute; left: 5.143541%; top: 25.504782%; width: 18.361244%; height: 5.313496%;  }
#nx198PetModal.nx200-pet-modal [data-pet-rank="all"] { position: absolute; left: 24.461722%; top: 25.823592%; width: 5.622010%; height: 4.888417%;  }
#nx198PetModal.nx200-pet-modal [data-pet-rank="R"] { position: absolute; left: 30.741627%; top: 25.929862%; width: 4.126794%; height: 4.782147%;  }
#nx198PetModal.nx200-pet-modal [data-pet-rank="SR"] { position: absolute; left: 35.526316%; top: 25.929862%; width: 4.126794%; height: 4.782147%;  }
#nx198PetModal.nx200-pet-modal [data-pet-rank="SSR"] { position: absolute; left: 40.311005%; top: 25.929862%; width: 4.186603%; height: 4.782147%;  }
#nx198PetModal.nx200-pet-modal .nx200-pet-collection-grid { position: absolute; left: 4.844498%; top: 33.049947%; width: 40.011962%; height: 55.897981%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-art { position: absolute; left: 47.846890%; top: 19.978746%; width: 23.026316%; height: 58.129649%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-details h3 { position: absolute; left: 73.205742%; top: 25.611052%; width: 20.394737%; height: 5.100956%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-level { position: absolute; left: 73.205742%; top: 32.199787%; width: 20.035885%; height: 2.975558%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-exp { position: absolute; left: 72.906699%; top: 36.025505%; width: 20.394737%; height: 2.337938%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-details > small { position: absolute; left: 73.086124%; top: 39.426142%; width: 20.215311%; height: 2.231668%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-details dl div:nth-child(1) { position: absolute; left: 72.607656%; top: 45.696068%; width: 21.052632%; height: 5.738576%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-details dl div:nth-child(2) { position: absolute; left: 72.607656%; top: 52.284803%; width: 21.052632%; height: 5.738576%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-details dl div:nth-child(3) { position: absolute; left: 72.607656%; top: 59.086079%; width: 21.052632%; height: 5.844846%;  }
#nx198PetModal.nx200-pet-modal .nx200-pet-skills { position: absolute; left: 72.248804%; top: 67.162593%; width: 21.650718%; height: 8.607864%;  }
#nx198PetModal.nx200-pet-modal .nx200-pet-food-count { position: absolute; left: 48.564593%; top: 79.914984%; width: 13.157895%; height: 10.095643%;  }
#nx198PetModal.nx200-pet-modal [data-pet-action="feed"] { position: absolute; left: 62.858852%; top: 79.808714%; width: 15.909091%; height: 9.670563%;  }
#nx198PetModal.nx200-pet-modal [data-pet-action="follow"] { position: absolute; left: 79.724880%; top: 79.808714%; width: 15.550239%; height: 9.670563%;  }
#nx198PetModal.nx200-pet-modal .nx198-pet-empty { position: absolute; left: 48.863636%; top: 35.281615%; width: 43.779904%; height: 22.316684%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] h2 { position: absolute; left: 12.619617%; top: 7.332625%; width: 22.188995%; height: 6.482465%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] [data-pet-view="pets"] { position: absolute; left: 8.014354%; top: 14.877790%; width: 14.354067%; height: 6.376196%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] [data-pet-view="merge"] { position: absolute; left: 23.265550%; top: 14.984060%; width: 13.755981%; height: 6.482465%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] [data-pet-view="eggs"] { position: absolute; left: 37.799043%; top: 14.984060%; width: 14.533493%; height: 6.269926%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx198-pet-close { position: absolute; left: 90.849282%; top: 8.820404%; width: 3.827751%; height: 6.588735%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-workbench > h3 { position: absolute; left: 17.643541%; top: 22.422954%; width: 25.059809%; height: 6.588735%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-slot-wrap:nth-child(1) { position: absolute; left: 8.253589%; top: 30.924548%; width: 18.361244%; height: 30.180659%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-slot-wrap:nth-child(3) { position: absolute; left: 33.492823%; top: 30.924548%; width: 18.301435%; height: 30.180659%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-result-preview { position: absolute; left: 10.705742%; top: 64.505845%; width: 9.988038%; height: 16.046759%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-chance { position: absolute; left: 22.188995%; top: 64.612115%; width: 27.332536%; height: 4.888417%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-rule { position: absolute; left: 22.069378%; top: 70.350691%; width: 27.332536%; height: 8.182784%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] [data-pet-action="merge"] { position: absolute; left: 13.516746%; top: 81.615303%; width: 16.985646%; height: 9.032944%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] [data-pet-action="merge-reset"] { position: absolute; left: 31.339713%; top: 81.615303%; width: 15.430622%; height: 9.032944%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-roster > header { position: absolute; left: 56.399522%; top: 23.698193%; width: 36.124402%; height: 5.100956%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-grid { position: absolute; left: 55.861244%; top: 30.074389%; width: 36.423445%; height: 56.323061%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx200-merge-workbench > small { position: absolute; left: 22.488038%; top: 78.427205%; width: 26.614833%; height: 2.337938%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx198-pet-message { position: absolute; left: 55.382775%; top: 86.716259%; width: 33.791866%; height: 3.613177%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx198-pet-wallet { position: absolute; left: 53.887560%; top: 92.986185%; width: 40.191388%; height: 2.231668%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="merge"] .nx198-pet-retry { position: absolute; left: 89.174641%; top: 86.716259%; width: 4.306220%; height: 3.613177%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] h2 { position: absolute; left: 9.330144%; top: 4.888417%; width: 15.490431%; height: 6.907545%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] [data-pet-view="pets"] { position: absolute; left: 27.691388%; top: 4.994687%; width: 15.789474%; height: 7.226355%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] [data-pet-view="merge"] { position: absolute; left: 44.138756%; top: 4.994687%; width: 15.849282%; height: 7.013815%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] [data-pet-view="eggs"] { position: absolute; left: 60.526316%; top: 4.994687%; width: 15.311005%; height: 7.013815%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx198-pet-close { position: absolute; left: 92.224880%; top: 4.144527%; width: 4.306220%; height: 7.438895%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-info { position: absolute; left: 3.827751%; top: 17.534538%; width: 8.014354%; height: 12.221041%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-stage h3 { position: absolute; left: 26.255981%; top: 16.471838%; width: 45.813397%; height: 6.163656%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-stage > p { position: absolute; left: 26.255981%; top: 23.804463%; width: 45.813397%; height: 2.975558%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-hero { position: absolute; left: 31.698565%; top: 26.354942%; width: 34.688995%; height: 51.222104%; }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-count { position: absolute; left: 32.954545%; top: 78.746015%; width: 33.133971%; height: 3.825717%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] [data-pet-action="open-one"] { position: absolute; left: 27.811005%; top: 83.528162%; width: 21.112440%; height: 10.201913%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] [data-pet-action="open-ten"] { position: absolute; left: 50.598086%; top: 83.528162%; width: 21.531100%; height: 10.201913%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-catalog h3 { position: absolute; left: 75.418660%; top: 20.191286%; width: 17.165072%; height: 5.207226%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-species > div:nth-child(1) { position: absolute; left: 72.966507%; top: 27.311371%; width: 10.466507%; height: 17.853348%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-species > div:nth-child(2) { position: absolute; left: 84.389952%; top: 27.311371%; width: 10.406699%; height: 17.853348%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-species > div:nth-child(3) { position: absolute; left: 72.607656%; top: 47.502657%; width: 6.937799%; height: 13.283741%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-species > div:nth-child(4) { position: absolute; left: 80.382775%; top: 47.502657%; width: 6.997608%; height: 13.283741%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-species > div:nth-child(5) { position: absolute; left: 88.277512%; top: 47.502657%; width: 6.877990%; height: 13.283741%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-catalog h4 { position: absolute; left: 76.794258%; top: 62.699256%; width: 14.234450%; height: 3.719447%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx200-egg-rates { position: absolute; left: 72.906699%; top: 68.119022%; width: 22.129187%; height: 4.144527%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] [data-pet-action="egg-results"] { position: absolute; left: 76.255981%; top: 72.794899%; width: 15.251196%; height: 2.975558%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx198-pet-message { position: absolute; left: 27.571770%; top: 94.686504%; width: 44.198565%; height: 2.869288%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx198-pet-wallet { position: absolute; left: 72.248804%; top: 79.489904%; width: 23.325359%; height: 2.444208%;  }
#nx198PetModal.nx200-pet-modal[data-pet-screen="eggs"] .nx198-pet-retry { position: absolute; left: 65.011962%; top: 78.852285%; width: 6.160287%; height: 2.975558%;  }
#nx198PetModal.nx200-pet-modal .nx200-pet-skills, #nx198PetModal.nx200-pet-modal .nx200-pet-skills:hover:not(:disabled) { border: 0; padding: 0; box-shadow: none; color: transparent; text-shadow: none; font-size: 0; background: url('assets/ui-200/pets-btn-skill.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal [data-pet-action="feed"], #nx198PetModal.nx200-pet-modal [data-pet-action="feed"]:hover:not(:disabled) { border: 0; padding: 0; box-shadow: none; color: transparent; text-shadow: none; font-size: 0; background: url('assets/ui-200/pets-btn-feed.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal [data-pet-action="merge"], #nx198PetModal.nx200-pet-modal [data-pet-action="merge"]:hover:not(:disabled) { border: 0; padding: 0; box-shadow: none; color: transparent; text-shadow: none; font-size: 0; background: url('assets/ui-200/pets-btn-merge.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal [data-pet-action="merge-reset"], #nx198PetModal.nx200-pet-modal [data-pet-action="merge-reset"]:hover:not(:disabled) { border: 0; padding: 0; box-shadow: none; color: transparent; text-shadow: none; font-size: 0; background: url('assets/ui-200/pets-btn-cancel.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal [data-pet-action="open-one"], #nx198PetModal.nx200-pet-modal [data-pet-action="open-one"]:hover:not(:disabled) { border: 0; padding: 0; box-shadow: none; color: transparent; text-shadow: none; font-size: 0; background: url('assets/ui-200/pets-btn-open-one.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal [data-pet-action="open-ten"], #nx198PetModal.nx200-pet-modal [data-pet-action="open-ten"]:hover:not(:disabled) { border: 0; padding: 0; box-shadow: none; color: transparent; text-shadow: none; font-size: 0; background: url('assets/ui-200/pets-btn-open-ten.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal .nx200-egg-info, #nx198PetModal.nx200-pet-modal .nx200-egg-info:hover:not(:disabled) { border: 0; padding: 0; box-shadow: none; color: transparent; text-shadow: none; font-size: 0; background: url('assets/ui-200/pets-btn-info.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal .nx200-egg-info > span { font-size: 0; }
#nx198PetModal.nx200-pet-modal [data-pet-action="follow"], #nx198PetModal.nx200-pet-modal [data-pet-action="follow"]:hover:not(:disabled) { border: 0; padding: 0 .6cqw; box-shadow: none; color: #fff0cb; font: 1.7cqw Georgia, serif; background: url('assets/ui-200/pets-btn-green-empty.png') center / contain no-repeat; }
#nx198PetModal.nx200-pet-modal .nx198-pet-tabs button:hover:not(:disabled), #nx198PetModal.nx200-pet-modal .nx200-pet-filters button:hover:not(:disabled), #nx198PetModal.nx200-pet-modal .nx200-merge-slot:hover:not(:disabled), #nx198PetModal.nx200-pet-modal .nx198-pet-close:hover:not(:disabled) { background: #ffdda513; }
#nx198PetModal.nx200-pet-modal .nx198-pet-choice:hover:not(:disabled) { background: radial-gradient(circle,#876f4655,#281c11); }

#nx198PetModal.nx200-pet-modal [data-pet-action="follow"][aria-pressed="false"], #nx198PetModal.nx200-pet-modal [data-pet-action="follow"][aria-pressed="false"]:hover:not(:disabled) { color: transparent; font-size: 0; background-image: url('assets/ui-200/pets-btn-follow.png'); }
.nx200-hatch-card:only-child { grid-column: 3; }