.realm-monsters-page .monsters-toolbar{display:grid;gap:12px;margin:16px 0}.realm-monsters-page .monsters-search input{width:100%;max-width:360px;padding:10px 12px;border:1px solid #5a4030;background:#0c0806d9;color:#f5e6d3;font-family:inherit}.realm-monsters-page .monsters-filters{display:flex;flex-wrap:wrap;gap:8px}.realm-monsters-page .monsters-status{margin:0 0 12px;font-size:13px;color:#a48c7a}.realm-monsters-page .monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;align-items:stretch}.realm-monsters-page .monster-card{display:flex;flex-direction:column;border:1px solid #4a3224;background:#0806058c;overflow:hidden;min-height:148px}.realm-monsters-page .monster-card-head{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:start;padding:12px 12px 10px;border-bottom:1px solid #3a2818;background:#00000038}.realm-monsters-page .monster-sprite{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;background:#00000059;border:1px solid #3a2818}.realm-monsters-page .monster-sprite-cycle{position:relative;width:48px;height:48px;display:block;flex-shrink:0;background:#00000059;border:1px solid #3a2818;isolation:isolate}.realm-monsters-page .monster-sprite-dir{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:0;animation-duration:var(--monster-cycle-duration, 8s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:opacity}.realm-monsters-page .monster-sprite-fallback{width:48px;height:48px;display:grid;place-items:center;font-size:20px;color:#6a5040;background:#00000059;border:1px solid #3a2818}.realm-monsters-page .monster-row-text{min-width:0}.realm-monsters-page .monster-card-title{margin:0;font-family:Oswald,sans-serif;font-size:13px;line-height:1.2;text-transform:uppercase;color:#ffe8cf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.realm-monsters-page .monster-card-meta{margin:4px 0 0;font-size:11px;line-height:1.35;color:#b8a090}.realm-monsters-page .monster-card-badge{display:inline-block;margin-top:6px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#ffb77d;border:1px solid #6e3900;padding:2px 6px}.realm-monsters-page .monster-task-hint{display:block;margin-top:4px;font-size:10px;color:#9fd4a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realm-monsters-page .monster-loot-strip{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:56px;overflow:hidden;padding:8px 0;--loot-duration: 36s;flex:1}.realm-monsters-page .monster-loot-strip:before,.realm-monsters-page .monster-loot-strip:after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:1;pointer-events:none}.realm-monsters-page .monster-loot-strip:before{left:0;background:linear-gradient(90deg,rgba(8,6,5,.95),transparent)}.realm-monsters-page .monster-loot-strip:after{right:0;background:linear-gradient(270deg,rgba(8,6,5,.95),transparent)}.realm-monsters-page .monster-loot-strip.is-static{justify-content:flex-start;padding-left:8px;padding-right:8px;overflow-x:auto}.realm-monsters-page .monster-loot-strip.is-static:before,.realm-monsters-page .monster-loot-strip.is-static:after{display:none}.realm-monsters-page .monster-loot-track{display:flex;width:max-content;will-change:transform}.realm-monsters-page .monster-loot-strip:not(.is-static) .monster-loot-track{animation:monster-loot-marquee var(--loot-duration) linear infinite}.realm-monsters-page .monster-loot-strip:not(.is-static):hover .monster-loot-track,.realm-monsters-page .monster-loot-strip:not(.is-static):focus-within .monster-loot-track{animation-play-state:paused}.realm-monsters-page .monster-loot-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:10px;padding:0 10px}.realm-monsters-page .loot-chip{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;align-items:center;width:156px;min-width:156px;max-width:156px;padding:6px 8px;border:1px solid #3a2818;background:#00000059;flex-shrink:0;overflow:hidden;box-sizing:border-box;isolation:isolate}.realm-monsters-page .loot-chip-sprite-wrap{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.realm-monsters-page .loot-chip-body{min-width:0;overflow:hidden}.realm-monsters-page .loot-chip-sprite{width:28px;height:28px;max-width:100%;max-height:100%;object-fit:contain;object-position:center;image-rendering:pixelated;display:block}.realm-monsters-page .loot-chip-sprite-fallback{width:28px;height:28px;border:1px dashed #4a3224;box-sizing:border-box}.realm-monsters-page .loot-chip-name{margin:0;font-size:10px;line-height:1.2;color:#f0e0d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.realm-monsters-page .loot-chip-chance{margin:2px 0 0;font-size:9px;line-height:1.2;color:#a48c7a;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.realm-monsters-page .monster-loot-empty{padding:8px 12px;font-size:11px;color:#7a6558;font-style:italic}.realm-monsters-page .monster-empty{color:#a48c7a;font-size:13px}.realm-monsters-page .monsters-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2.5vw,12px);margin-top:20px;padding:0 clamp(14px,4vw,20px) clamp(12px,3vw,16px);width:100%;max-width:100%;min-width:0;box-sizing:border-box}.realm-monsters-page .monsters-pagination .realm-btn{width:100%;min-width:0;max-width:100%;padding:10px 8px;font-size:clamp(10px,2.6vw,13px);letter-spacing:.06em}.realm-monsters-page .monsters-pagination .realm-btn.chamfer-clip{clip-path:none}.realm-monsters-page .monsters-pagination-status{font-size:clamp(10px,2.8vw,13px);color:#d4cdc3;min-width:0;max-width:100%;text-align:center;white-space:nowrap}.realm-monsters-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes monster-loot-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:520px){.realm-monsters-page .monsters-pagination{grid-template-columns:1fr 1fr;grid-template-areas:"status status" "prev next";gap:10px 12px}.realm-monsters-page .monsters-pagination-status{grid-area:status}.realm-monsters-page .monsters-pagination .realm-btn:first-child{grid-area:prev}.realm-monsters-page .monsters-pagination .realm-btn:last-child{grid-area:next}}@media(min-width:640px){.realm-monsters-page .monsters-pagination .realm-btn{padding:12px 16px;letter-spacing:.12em}.realm-monsters-page .monsters-pagination-status{font-size:13px}}@media(prefers-reduced-motion:reduce){.realm-monsters-page .monster-sprite-cycle .monster-sprite-dir{animation:none!important;opacity:0}.realm-monsters-page .monster-sprite-cycle .monster-sprite-dir:first-child{opacity:1}.realm-monsters-page .monster-loot-strip:not(.is-static) .monster-loot-track{animation:none;overflow-x:auto;max-width:100%;padding-bottom:4px}.realm-monsters-page .monster-loot-strip:not(.is-static){overflow-x:auto}.realm-monsters-page .monster-loot-strip:not(.is-static) .monster-loot-group[aria-hidden=true]{display:none}}