.monsters-catalog-container,.monster-detail-container{width:100%;max-width:1050px;color:var(--text);box-sizing:border-box;margin:0 auto;padding:12px;font-family:Tahoma,Segoe UI,Arial,sans-serif;font-size:14px;overflow-x:hidden}.monsters-breadcrumbs{margin-bottom:14px}.monsters-breadcrumbs ol.breadcrumb{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.monsters-breadcrumbs li{color:var(--text);align-items:center;gap:6px;display:inline-flex}.monsters-breadcrumbs li a{color:var(--text);text-decoration:underline}.monsters-breadcrumbs li a:hover{color:var(--accent-hover);text-decoration:underline}.monsters-breadcrumbs li.active{color:var(--text);font-weight:700}.monsters-breadcrumbs .breadcrumb-sep{color:var(--top-link);user-select:none}.monsters-header-wrap{margin-bottom:16px}.monsters-main-title{color:var(--text);margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.3}.monsters-lead-desc{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.5}.monsters-overview-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:18px;display:grid}.monster-overview-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden}.monster-overview-head{background:var(--card-header-bg);color:#fff;border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.monster-overview-body{padding:12px}.monster-overview-stat-row{border-bottom:1px dotted var(--line);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.monster-overview-stat-row:last-child{border-bottom:none}.monsters-filters-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin-bottom:14px;padding:12px}.monster-filters-top-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.monster-search-box{flex:260px}.monster-level-filter-box{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.monster-filter-label{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.monster-search-input,.monster-level-input{background:var(--search-input-bg);color:var(--search-input-text);border:1px solid var(--line);box-sizing:border-box;border-radius:3px;padding:6px 10px;font-size:13px}.monster-search-input{width:100%}.monster-level-input{text-align:center;width:72px}.monster-filter-group-title{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 6px;font-size:12px;font-weight:700}.monsters-checkbox-group{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.monster-filter-checkbox-label{cursor:pointer;user-select:none;background:var(--surface-2);border:1px solid var(--line);border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:13px;display:inline-flex}.monster-filter-checkbox-label:hover{border-color:var(--accent)}.monster-filter-checkbox-label input[type=checkbox]{accent-color:var(--primary);width:14px;height:14px;margin:0}.monsters-datatable-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin-bottom:24px;padding:12px}.monsters-controls-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.monsters-length select{background:var(--search-input-bg);color:var(--search-input-text);border:1px solid var(--line);border-radius:3px;padding:4px 8px;font-size:13px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.monsters-table{border-collapse:collapse;width:100%;color:var(--text);font-size:13px}.monsters-table thead th{background:var(--card-header-bg);color:#fff;border:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px 10px;font-weight:700}.monsters-table thead th.text-center,.monsters-table tbody td.text-center{text-align:center}.monsters-table tbody tr{border-bottom:1px solid var(--line);transition:background-color .1s}.monsters-table tbody tr:nth-child(2n){background:var(--surface-2)}.monsters-table tbody tr:hover{background:var(--nav-bg)}.monsters-table tbody td{border:1px solid var(--line);vertical-align:middle;padding:6px 8px}.dt-id{text-align:center;width:65px}.badge-id{color:var(--text-muted);font-family:monospace;font-size:11px;display:inline-block}.dt-icon{text-align:center;width:44px;padding:4px!important}.monster-icon-wrapper{border:1px solid var(--line);background:var(--surface-2);border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;overflow:hidden}.monster-table-icon{object-fit:cover;width:36px;height:36px;display:block}.dt-title{min-width:180px}.monster-name-link{color:var(--text);font-weight:700;text-decoration:none}.monster-name-link:hover{color:var(--accent-hover);text-decoration:underline}.monster-title-prefix{color:var(--gold);margin-right:4px;font-size:12px}.dt-level{text-align:center;width:65px;font-weight:700}.dt-tribe{text-align:center;min-width:110px}.monster-tribe-badge{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:3px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.dt-grade{text-align:center;width:85px}.monster-grade-badge{text-transform:capitalize;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.monster-grade-normal{color:var(--text);border:1px solid var(--line);background:var(--surface-2)}.monster-grade-elite{color:var(--grade-blue);border:1px solid var(--grade-blue);background:var(--surface-2)}.monster-grade-hero{color:var(--grade-purple);border:1px solid var(--grade-purple);background:var(--surface-2)}.monster-grade-legend{color:var(--grade-orange);border:1px solid var(--grade-orange);background:var(--surface-2)}.monster-grade-boss{color:var(--gold);border:1px solid var(--gold);background:var(--surface-2)}.dt-knowledge{min-width:160px}.monster-knowledge-link{color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.monster-knowledge-link:hover{color:var(--accent-hover);text-decoration:underline}.monster-knowledge-mini-icon{border:1px solid var(--line);object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:20px}.dt-zones{min-width:150px}.monster-zone-pill{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:3px;margin:1px 2px;padding:1px 6px;font-size:11px;display:inline-block}.monsters-pagination{justify-content:center;align-items:center;gap:4px;margin-top:14px;display:flex}.monsters-page-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:3px;padding:5px 10px;font-size:13px;text-decoration:none}.monsters-page-btn:hover:not(:disabled){background:var(--nav-bg);color:#fff}.monsters-page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.monsters-page-btn:disabled{opacity:.4;cursor:not-allowed}.monster-detail-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}@media (width<=768px){.monster-detail-layout{grid-template-columns:1fr}}.monster-detail-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden}.monster-card-header{background:var(--card-header-bg);border-bottom:1px solid var(--line);padding:10px 14px}.monster-card-header-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.monster-card-id{color:var(--on-navy-muted);font-family:monospace;font-size:12px}.monster-card-brand{color:var(--on-navy-muted);font-size:11px}.monster-card-name{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.3}.monster-card-title-sub{color:var(--gold);margin-top:2px;font-size:13px;font-weight:600}.monster-card-body{padding:16px}.monster-disclaimer-box{background:var(--surface-2);border-left:3px solid var(--line);border-radius:0 4px 4px 0;margin-bottom:16px;padding:8px 12px}.monster-disclaimer-text{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.monster-hero-wrap{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.monster-hero-icon-box{border:2px solid var(--line);background:var(--surface-2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.monster-hero-icon{object-fit:cover;width:64px;height:64px}.monster-hero-meta{flex-direction:column;gap:6px;display:flex}.monster-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.monster-facts-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.monster-fact-box{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:8px 10px}.monster-fact-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:600}.monster-fact-val{color:var(--text);word-break:break-all;font-size:14px;font-weight:700}.monster-combat-stats-note{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 4px 4px 0;margin-bottom:18px;padding:10px 14px}.note-title{color:var(--gold);align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.note-content{color:var(--text);margin:0;font-size:12px;line-height:1.5}.monster-section{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.monster-section-heading{color:var(--gold);align-items:center;gap:6px;margin:0 0 10px;font-size:14px;font-weight:700;display:flex}.monster-knowledge-card-wrap{flex-direction:column;gap:8px;display:flex}.monster-knowledge-card{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:4px;align-items:center;gap:12px;max-width:100%;padding:8px 12px;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}.monster-knowledge-card:hover{border-color:var(--accent);background:var(--nav-bg);color:#fff}.monster-knowledge-icon{border:1px solid var(--line);object-fit:cover;border-radius:3px;flex-shrink:0;width:40px;height:40px}.monster-knowledge-info{flex-direction:column;gap:2px;display:flex}.monster-knowledge-name{color:var(--text);font-size:14px;font-weight:700}.monster-knowledge-card:hover .monster-knowledge-name{color:var(--accent-hover)}.monster-knowledge-sub{color:var(--text-muted);font-size:12px}.monster-zones-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.monster-zone-card{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:8px 10px}.zone-name{color:var(--text);font-size:13px;font-weight:700}.zone-id{color:var(--text-muted);margin-top:2px;font-family:monospace;font-size:11px}.monster-empty-state{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-style:italic;line-height:1.4}.monster-sidebar-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin-bottom:14px;overflow:hidden}.monster-sidebar-head{background:var(--card-header-bg);color:#fff;border-bottom:1px solid var(--line);padding:8px 12px;font-size:13px;font-weight:700}.monster-sidebar-body{padding:12px}.snippet-wrap{margin-bottom:10px}.snippet-wrap:last-child{margin-bottom:0}.snippet-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.snippet-input-group{gap:6px;display:flex}.snippet-input{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:3px;flex:1;padding:6px 8px;font-family:monospace;font-size:11px}.btn-snippet-copy{background:var(--primary);color:#fff;border:1px solid var(--primary);cursor:pointer;white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:12px;font-weight:600}.btn-snippet-copy:hover{filter:brightness(1.1)}.monster-loc-table{border-collapse:collapse;width:100%;color:var(--text);font-size:12px}.monster-loc-table th,.monster-loc-table td{border:1px solid var(--line);padding:4px 6px}.monster-loc-table th{background:var(--surface-2);color:var(--text);text-align:left;font-weight:700}.monster-loc-table tr:nth-child(2n) td{background:var(--surface-2)}