.db-masthead{min-height:145px!important;padding:24px max(28px,calc((100% - 1380px)/2))!important;position:relative;background:linear-gradient(90deg,rgba(3,34,67,.94),rgba(7,65,103,.45)),url('../../images/branding/siguma-home-hero-v1.png') center 48%/cover!important}.db-masthead b{font-family:"Arial Black",Arial,sans-serif;font-size:43px!important;font-weight:900;font-style:italic!important;letter-spacing:1px!important}.db-masthead small{font-size:16px!important}.db-masthead>nav{display:none!important}main{max-width:1400px!important;padding:14px 20px 30px!important;position:relative}.home-db-stats{position:absolute;right:20px;top:-112px;z-index:3;min-width:560px;height:76px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(115,195,245,.4);border-radius:13px;background:rgba(2,35,67,.88);color:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.22)}.home-db-stats span{padding:10px 13px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 8px;border-right:1px solid rgba(255,255,255,.15);font-size:22px}.home-db-stats span:last-child{border-right:0}.home-db-stats b{font-size:19px;color:#6bd0ff;white-space:nowrap}.home-db-stats small{grid-column:2;color:#c8d9e7;font-size:10px;white-space:nowrap}.home-search{height:44px;position:relative;display:flex;margin:0 280px 12px 0;border:1px solid #bdd5e6;border-radius:8px;background:#fff;overflow:visible;box-shadow:0 3px 13px rgba(20,57,88,.05)}.home-search>span{width:48px;display:grid;place-items:center;color:#087ce5;font-size:24px}.home-search input{flex:1;border:0;outline:0;font:inherit;padding:0 8px}.home-search button{width:82px;border:0;background:#087ce5;color:#fff;font-weight:800}.home-search #search-results{position:absolute;left:0;right:0;top:46px;z-index:10;background:#fff;border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.16)}.home-filters{display:flex;align-items:center;gap:8px;margin-bottom:14px;white-space:nowrap}.home-filters>b{margin-right:8px}.home-filters>button{height:36px;padding:0 13px;border:1px solid #cbdde9;border-radius:7px;background:#fff;color:#263f57;font-size:11px;font-weight:700}.rank-buttons{display:flex;gap:4px}.rank-buttons i{width:30px;height:32px;display:grid;place-items:center;border:1px solid #d2e0eb;border-radius:6px;background:#fff;color:#29415a;font-size:11px;font-style:normal;font-weight:800}.rank-buttons i:first-child{background:#168ce0;color:#fff}.home-db-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(320px,1.05fr) 260px;gap:14px;align-items:start}.home-monster-browser,.home-selected,.home-db-sidebar>section{border:1px solid #d7e5ef;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(30,72,104,.07)}.home-monster-browser{padding:10px}.home-monster-browser>header,.home-db-sidebar header{height:34px;display:flex;align-items:center;justify-content:space-between}.home-monster-browser>header h2{margin:0;font-size:17px}.home-monster-browser>header small{font-size:12px;color:#617b90}.home-monster-browser>header a,.home-db-sidebar header a{color:#087ce5;text-decoration:none;font-size:10px;font-weight:800}.home-monster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-monster-card{min-width:0;position:relative;border:1px solid #d8e5ee;border-radius:8px;background:#fff;color:#193149;text-decoration:none;overflow:hidden}.home-monster-card.selected{border-color:#2d9af0;box-shadow:0 0 0 2px rgba(45,154,240,.15)}.home-monster-image{height:118px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f2f9fd,#dceef7);overflow:hidden}.home-monster-image>img,.home-monster-image>.no-image{width:100%!important;height:100%!important;object-fit:contain}.home-monster-image .card-no{left:5px;top:5px}.home-monster-image .card-rank{right:5px;top:auto;bottom:5px;border-radius:50%}.home-monster-card>div:last-child{padding:8px}.home-monster-card h3{margin:2px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-family-pill{position:absolute;right:5px;top:94px;padding:2px 5px;border-radius:5px;background:#e4f3fc;color:#0871b8;font-size:9px;font-weight:800}.home-monster-card .card-stars{font-size:11px}.home-monster-card small{display:block;margin-top:4px;color:#61778b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-monster-card .breed-link{margin-top:6px;padding-top:5px;font-size:9px}.home-browser-footer{min-height:42px;padding:9px 4px 0;display:flex;align-items:center;justify-content:space-between;color:#637a8e;font-size:10px}.home-browser-footer b{color:#136fb5;word-spacing:5px}.home-selected{overflow:hidden}.home-selected-hero{height:215px;position:relative;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(110deg,#06182e 0,#082c50 56%,#0c5c85 100%);color:#fff;overflow:hidden}.home-selected-hero>img,.home-selected-hero>.no-image{width:58%!important;height:100%!important;object-fit:contain;opacity:.96}.home-selected-copy{position:absolute;left:18px;top:18px;z-index:2}.home-selected-copy>span{padding:4px 8px;border:1px solid #5a7a95;border-radius:6px;font-size:10px}.home-selected-copy h2{max-width:190px;margin:17px 0 8px;font-size:25px}.home-selected-copy strong{color:#ffc400;font-size:18px}.home-selected>nav{height:38px;display:grid;grid-template-columns:repeat(6,1fr);background:#f2f7fb}.home-selected>nav>*{display:grid;place-items:center;border-right:1px solid #dce7ef;font-size:9px}.home-selected>nav b{background:#087ce5;color:#fff}.home-selected dl{margin:12px;display:grid;grid-template-columns:72px 1fr 72px 1fr;gap:0;border:1px solid #dce7ef}.home-selected dt,.home-selected dd{margin:0;padding:7px;border-bottom:1px solid #e6edf2;font-size:10px}.home-selected dt{background:#f1f6fa;color:#557087;font-weight:800}.home-evaluation{margin:0 12px 10px;padding:10px;border-radius:7px;background:#f1f6fa}.home-evaluation b{color:#087ce5;font-size:11px}.home-evaluation p{margin:5px 0 0;font-size:10px;line-height:1.5}.home-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 12px 12px}.home-pros-cons>div{padding:9px;border-radius:7px;background:#f0faf6;font-size:10px}.home-pros-cons>div:last-child{background:#fff2f1}.home-pros-cons b{color:#13915a}.home-pros-cons>div:last-child b{color:#da3c36}.home-pros-cons p{margin:4px 0 0}.home-db-sidebar{display:grid;gap:12px}.home-db-sidebar>section{padding:10px 13px}.home-db-sidebar h3{margin:0;font-size:14px}.home-db-sidebar section>a,.home-family-link{min-height:34px;display:grid;grid-template-columns:30px 1fr auto 10px;align-items:center;border-top:1px solid #e5edf3;color:#243d55;text-decoration:none;font-size:10px}.home-db-sidebar section>a i{width:24px;height:22px;display:grid;place-items:center;border-radius:5px;background:#64788a;color:#fff;font-style:normal;font-weight:900}.home-db-sidebar section>a i.rank-S{background:#ef2738}.home-db-sidebar section>a i.rank-A{background:#f1aa24}.home-db-sidebar section>a i.rank-B{background:#21ad7c}.home-db-sidebar section>a i.rank-C{background:#41b967}.home-db-sidebar section>a small,.home-family-link small{color:#637d91}.home-family-link .family-icon{width:25px;height:25px}.home-db-sidebar p{margin:0;padding:8px 0;border-top:1px solid #e5edf3;font-size:10px}.home-db-sidebar time{float:right;color:#70879a}@media(max-width:1150px){.home-db-layout{grid-template-columns:1.6fr 1fr}.home-db-sidebar{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.home-db-stats{min-width:500px}.home-search{margin-right:0}}@media(max-width:800px){.db-masthead{min-height:110px!important}.db-masthead b{font-size:30px!important}.home-db-stats{display:none}.home-filters{overflow:auto;padding-bottom:5px}.home-db-layout{grid-template-columns:1fr}.home-monster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-db-sidebar{grid-template-columns:1fr}.home-search{height:42px}.home-selected{order:-1}}
.home-db-stats small{font-size:12px}.home-search input,.home-search button{font-size:14px}.home-filters>b{font-size:15px}.home-filters>button,.rank-buttons i{font-size:13px}.home-monster-browser>header h2{font-size:19px}.home-monster-browser>header a,.home-db-sidebar header a{font-size:12px}.home-monster-card h3{min-height:2.8em;font-size:17px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-family-pill{font-size:11px}.home-monster-card .card-stars{font-size:14px}.home-monster-card small,.home-monster-card .breed-link{font-size:12px}.home-browser-footer{font-size:12px}.home-selected-copy>span{font-size:12px}.home-selected>nav>*{font-size:12px}.home-selected dt,.home-selected dd{font-size:13px}.home-evaluation b{font-size:13px}.home-evaluation p,.home-pros-cons>div{font-size:12px}.home-db-sidebar h3{font-size:17px}.home-db-sidebar section>a,.home-family-link,.home-db-sidebar p{font-size:13px}.home-db-sidebar section>a small,.home-family-link small{font-size:12px}
.home-db-stats .family-icon{width:28px;height:28px}.home-monster-browser h2{display:flex;align-items:center;gap:7px}.home-monster-browser h2 .family-icon{width:27px;height:27px}.home-family-pill{display:flex;align-items:center;gap:3px}.home-family-pill .family-icon{width:16px;height:16px}.home-filters>select{height:36px;padding:0 30px 0 12px;border:1px solid #cbdde9;border-radius:7px;background:#fff;color:#263f57;font-size:13px;font-weight:700}.rank-buttons button{width:30px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #d2e0eb;border-radius:6px;background:#fff;color:#29415a;font-size:13px;font-weight:800;cursor:pointer}.rank-buttons button.active{border-color:#168ce0;background:#168ce0;color:#fff}.home-selected-media{width:58%;height:100%;display:grid;place-items:center}.home-selected-media img,.home-selected-media .no-image{width:100%!important;height:100%!important;object-fit:contain}.home-selected-copy strong{display:block}.home-selected-detail{display:table;margin-top:12px;padding:5px 9px;border:1px solid #5a7a95;border-radius:6px;color:#fff;text-decoration:none;font-size:11px}.home-db-sidebar section>a i.tier-SS{background:#e5233f}.home-db-sidebar section>a i.tier-S{background:#ef4b42}.home-db-sidebar section>a i.tier-A{background:#eea62b}.home-db-sidebar section>a i.tier-B{background:#20a876}

/* DQM4 home: keep rank in the image and family in the card body. */
.home-monster-card>div:last-child{position:relative}
.home-family-pill{position:static;right:auto;top:auto;width:max-content;max-width:100%;margin:0 0 4px auto;white-space:nowrap}

/* Selected monster tabs reuse the same source data as each monster detail page. */
.home-selected-tabs button{display:grid;place-items:center;padding:0;border:0;border-right:1px solid #dce7ef;background:#f2f7fb;color:#365169;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.home-selected-tabs button:last-child{border-right:0}
.home-selected-tabs button:hover,.home-selected-tabs button:focus-visible{background:#e2f1fc;color:#075e9f;outline:0}
.home-selected-tabs button.active{background:#087ce5;color:#fff}
.home-selected-content{min-height:247px;padding:0 0 1px;background:#fff}
.home-selected-content>.home-tab-title{margin:0;padding:14px 14px 8px;font-size:16px;color:#17324c}
.home-tab-lead{margin:0 14px 10px;color:#527087;font-size:12px;font-weight:700}
.home-tab-empty{margin:12px 14px;padding:22px 12px;border-radius:8px;background:#f3f7fa;color:#71879a;text-align:center;font-size:12px}
.home-tab-rows{margin:0 12px 12px;overflow:hidden;border:1px solid #dce7ef;border-radius:7px}
.home-tab-rows>div{display:grid;grid-template-columns:100px minmax(0,1fr);border-bottom:1px solid #e6edf2}
.home-tab-rows>div:last-child{border-bottom:0}
.home-tab-rows b,.home-tab-rows span{padding:8px 9px;font-size:12px;line-height:1.45;white-space:pre-line}
.home-tab-rows b{background:#f1f6fa;color:#557087}
.home-tab-rows span{color:#263f57}
.home-tab-cards{display:grid;gap:7px;margin:0 12px 12px}
.home-tab-card{display:block;padding:9px 10px;border:1px solid #dce7ef;border-radius:7px;background:#f7fbfe;color:#17324c;text-decoration:none}
.home-tab-card:visited{color:#17324c}
.home-tab-card b{font-size:13px;color:#0871b8}
.home-tab-card p{margin:4px 0 0;color:#536c81;font-size:11px;line-height:1.45;white-space:pre-line}
.home-trait-group{margin:0 12px 11px;padding:9px;border:1px solid #dce7ef;border-radius:8px;background:#f8fbfd}
.home-trait-group h4{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#315974;font-size:13px}
.home-trait-group .home-tab-rows,.home-trait-group .home-tab-empty{margin:0}
.home-trait-group-large{border-color:#ded4eb;background:#f8fbfd}
.home-trait-group-large h4{color:#67458b}
.home-trait-group-large .home-tab-rows b{background:transparent;color:#315974}
.home-l-only-badge{padding:2px 6px;border:1px solid #ddd1e9;border-radius:999px;background:#eee8f5;color:#6d4c8d;font-size:9px;font-weight:800}
.home-res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 12px 12px}
.home-res-grid .res{min-height:42px;padding:7px 8px}
.home-res-grid .res b{font-size:11px}.home-res-grid .res strong{font-size:10px}.home-res-grid .res small{font-size:9px}
.home-selected-detail,.home-selected-detail:visited{color:#fff!important;background:rgba(4,30,54,.38);border-color:rgba(255,255,255,.68)}
.home-selected-detail:hover,.home-selected-detail:focus-visible{color:#fff!important;background:#087ce5;border-color:#72c8ff;outline:2px solid rgba(255,255,255,.35);outline-offset:2px}
@media(max-width:800px){.home-selected-content{min-height:0}.home-tab-rows>div{grid-template-columns:92px minmax(0,1fr)}}

/* 2026-10-03 readable DQM4 home. */
.home-db-stats span>.ui-icon{grid-row:1/3;width:30px;height:30px;color:#65caff}
.home-search>span .ui-icon{width:23px;height:23px}
.home-filters>button{display:flex;align-items:center;gap:6px;font-size:14px}.home-filters>button .ui-icon{width:17px;height:17px}
.home-monster-browser>header h2{font-size:21px}.home-monster-browser>header small{font-size:14px}.home-monster-browser>header a,.home-db-sidebar header a{font-size:13px}
.home-monster-card h3{font-size:17px}.home-family-pill{font-size:13px}.home-monster-card .card-stars{font-size:15px}.home-monster-card small{font-size:13px;line-height:1.45}
.home-monster-card .breed-status{display:flex;align-items:center;gap:5px;margin-top:8px;padding-top:7px;border-top:1px solid #e1e9ef;color:#1478b9;font-size:14px;font-weight:800}.home-monster-card .breed-status.unavailable{color:#73879a}.home-monster-card .breed-status .ui-icon{width:18px;height:18px}
.home-browser-footer{font-size:13px}.home-selected-copy>span{font-size:13px}.home-selected-copy h2{font-size:28px}.home-selected-detail{font-size:14px}
.home-selected-tabs button{font-size:14px}.home-selected dt,.home-selected dd{font-size:14px}.home-tab-title{font-size:18px!important}.home-tab-lead,.home-tab-empty,.home-tab-rows b,.home-tab-rows span{font-size:14px}.home-tab-card b{font-size:15px}.home-tab-card p{font-size:13px}.home-trait-group h4{font-size:15px}.home-l-only-badge{font-size:11px}.home-res-grid .res b{font-size:13px}.home-res-grid .res strong{font-size:12px}.home-res-grid .res small{font-size:11px}
.home-db-sidebar{gap:14px}.home-db-sidebar>section{padding:12px 14px}.home-db-sidebar h3,.home-db-sidebar h2{display:flex;align-items:center;gap:7px;margin:0;font-size:18px}.home-db-sidebar h3 .ui-icon,.home-db-sidebar h2 .ui-icon{width:20px;height:20px;color:#168dec}.home-db-sidebar section>a,.home-family-link{min-height:42px;font-size:14px}.home-db-sidebar section>a small,.home-family-link small{font-size:13px}.home-db-sidebar section>a>.ui-icon,.home-family-link>.ui-icon{width:16px;height:16px;color:#7890a4}.home-db-sidebar p{padding:10px 0;font-size:14px}.home-db-sidebar time{font-size:13px}
.home-db-sidebar .detail-notices nav a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0;border-bottom:1px solid #e5edf3;color:#243d55;text-decoration:none;font-size:14px}.home-db-sidebar .detail-notices nav small{font-size:12px;color:#70879a}
@media(max-width:800px){.home-monster-card h3{font-size:16px}.home-monster-card small{font-size:12px}.home-selected-tabs button{font-size:13px}.home-db-sidebar h3,.home-db-sidebar h2{font-size:17px}}
.home-db-stats .ui-icon{width:28px;height:28px;color:#6bd0ff}.home-monster-browser h2 .ui-icon{width:27px;height:27px;color:#1687d3}
.home-trait-rows>div{grid-template-columns:minmax(0,1fr) 52px!important;background:#fff}.home-trait-rows b{min-width:0;background:transparent!important;color:#315974!important;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.home-trait-rows span{width:52px;white-space:nowrap;text-align:right}
.home-monster-browser>header h2,.home-db-sidebar header h3,.home-db-sidebar header h2{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}.home-monster-browser>header a,.home-db-sidebar header a{flex:0 0 auto;white-space:nowrap}

/* Keep the selected-monster name and image in separate, fixed hero columns. */
.home-selected-hero{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);grid-template-rows:minmax(0,1fr);align-items:stretch;justify-content:normal}
.home-selected-copy{position:static;min-width:0;min-height:0;padding:18px}
.home-selected-copy h2{display:-webkit-box;min-width:0;max-width:none;height:2.44em;margin:17px 0 8px;overflow:hidden;overflow-wrap:anywhere;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-selected-media{width:100%;min-width:0;min-height:0;height:100%}