/* Scoped to the native Pokémon monster view; original product and card art are reused. */
.monster-heading{margin:0 0 22px;padding:18px 20px;border:1px solid #d8be7b;border-radius:12px;background:linear-gradient(110deg,#fff8e8,#f0f7fb)}
.monster-heading h2{font-size:24px;margin:4px 0 10px;color:#153d55}.monster-heading h2 small{font-size:13px;color:#61727d;margin-left:8px}.monster-heading p{font-size:13px;line-height:1.7;color:#536674;margin:0}
.monster-list .monster-tile{display:flex;flex-direction:column;text-align:left;font:inherit;min-width:0;padding:12px;border:1px solid #cbb978;background:#fff;cursor:pointer}
.monster-montage{display:flex;align-items:center;justify-content:center;width:100%;height:170px;gap:0;padding:16px 4px 10px}.monster-montage img{width:38%;height:90%;object-fit:contain;filter:drop-shadow(0 3px 3px #153d5522)}.monster-montage img:first-child{transform:rotate(-8deg) translateX(8px)}.monster-montage img:nth-child(2){z-index:1;height:100%}.monster-montage img:nth-child(3){transform:rotate(8deg) translateX(-8px)}
.monster-tile h3{font-size:17px;margin:12px 0 6px}.monster-en{display:block;font-size:11px;color:#647987;margin-bottom:12px}.monster-tile .pill{align-self:flex-start}.monster-next{display:block;font-size:12px;color:#245d7c;margin-top:12px}.monster-scope{font-size:12px;color:#677785;margin:22px 0;line-height:1.6}
body[data-catalog-game] .monster-cards .monster-card{font:inherit;text-align:left;cursor:pointer;min-width:0;display:flex;flex-direction:column;border:1px solid #c6d4de;padding:10px;background:#fff;transition:transform .15s,box-shadow .15s}
.monster-card-art{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:63/88;border-radius:6px;overflow:hidden;background:#f5f8fa}
body[data-catalog-game] .monster-card-art img{width:100%;height:100%;max-height:100%;object-fit:contain;background:transparent;aspect-ratio:auto}
.monster-card h3{font-size:15px;margin:12px 0 6px}.monster-number{font-size:12px;color:#536b7c;margin:0 0 10px}.monster-source{font-size:11px;color:#687987;line-height:1.5;margin:8px 0 0}.monster-card .monster-next{margin-top:auto;padding-top:12px}.monster-card .badges{display:flex;flex-wrap:wrap;gap:4px}.monster-card .type-badge{font-size:10px;padding:4px;background:#eef3f6;border-radius:5px}
.monster-image-missing{padding:12px;text-align:center;color:#647987;font-size:12px}.monster-view button:focus-visible,.native-monster-category:focus-visible{outline:3px solid #d6a63d;outline-offset:3px}.monster-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #153d5522}
.monster-more,.monster-back-list,.monster-reset,.monster-retry{font:inherit;cursor:pointer;border:1px solid #b7c9d4;border-radius:8px;padding:10px 16px;color:#19435b;background:#fff}.monster-back-list{font-size:12px;margin-bottom:10px}.monster-more{display:block;margin:25px auto 0;min-width:240px;background:#173e57;color:white}
.monster-dialog{width:min(860px,94vw);max-height:88dvh;box-sizing:border-box;border:1px solid #d1b36b;border-radius:16px;background:#fff;padding:24px;color:#193649;font-family:UnifiedPaperlogy,'Malgun Gothic',sans-serif;overflow:auto;box-shadow:0 20px 80px #0005}.monster-dialog::backdrop{background:#061726bb}.monster-close{display:block;margin:0 0 18px auto;position:sticky;top:0;z-index:2;border:1px solid #b8ccd7;border-radius:8px;background:#fff;padding:10px 15px;font:inherit;cursor:pointer;color:#19435b}.monster-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:25px}.monster-detail-art{display:flex;align-items:flex-start;justify-content:center}.monster-detail-art img{width:100%;max-height:470px;object-fit:contain}.monster-dialog h2{font-size:22px;line-height:1.4}.monster-dialog h3{font-size:16px;margin-top:26px}.monster-detail-help{font-size:12px;line-height:1.7;color:#617587}.monster-products{display:grid;gap:8px}.monster-products a{display:block;padding:14px;border:1px solid #c7d7e0;border-radius:9px;background:#f1f7fa;color:#17415b;text-decoration:none;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.monster-products a span{display:block;font-size:11px;margin-top:6px;color:#587c94}
@media(max-width:650px){.monster-heading{padding:16px 13px}.monster-heading h2{font-size:20px}.monster-montage{height:145px}.monster-tile h3{font-size:15px}.monster-cards .monster-card{padding:7px}.monster-card h3{font-size:13px}.monster-dialog{padding:15px;max-height:90dvh}.monster-dialog-layout{grid-template-columns:1fr;gap:15px}.monster-detail-art img{height:280px}.monster-dialog h2{font-size:20px}.monster-more{min-width:200px}}
