diff --git a/src/003-assets/CSS/slaveList.css b/src/003-assets/CSS/slaveList.css
index c0750f9317c2a1b8e535123baa1716d621df1786..02752b4df4063806c8b2144b96f5c587ae99facb 100644
--- a/src/003-assets/CSS/slaveList.css
+++ b/src/003-assets/CSS/slaveList.css
@@ -2,6 +2,14 @@ div.slaveSummary {
 	clear: both;
 }
 
+div.slaveSummary.card {
+	border-radius: 8px;
+	background-color: #1a1a1a;
+	box-shadow: 10px 10px 5px black;
+	padding: 10px;
+	margin-bottom: 15px;
+}
+
 /* slave summary paragraph when "see images" is enabled */
 p.si {
 	margin-bottom: 0;
@@ -28,8 +36,3 @@ span.freeAssignment {
 .strong {
 	font-weight: bold;
 }
-
-.emphasizedSlave{
-	font-weight: bold;
-	text-decoration: underline;
-}
diff --git a/src/init/storyInit.tw b/src/init/storyInit.tw
index 233a691ce57e0b46c2d7921bfc870f5106ba06ac..ab6346d3e47886124afb14ecf6c81d7d94447de3 100644
--- a/src/init/storyInit.tw
+++ b/src/init/storyInit.tw
@@ -259,6 +259,7 @@ You should have received a copy of the GNU General Public License along with thi
 	<<set $seeMainFetishes = 0>>
 	<<set $seeSummaryImages = 1>>
 	<<set $seeReportImages = 1>>
+	<<set $slavePanelStyle = 1>>
 	<<set $lineSeparations = 1>>
 	<<set $showSexualHistory = 1>>
 	<<set $showBodyMods = 1>>
diff --git a/src/js/slaveListing.js b/src/js/slaveListing.js
index 9e67529d96a1e51ff738758598ec8010786ced52..ceca76f49e08c428da7933a1363b7289431d00ef 100644
--- a/src/js/slaveListing.js
+++ b/src/js/slaveListing.js
@@ -78,6 +78,9 @@ App.UI.SlaveList.render = function() {
 			let slaveDiv = document.createElement("div");
 			slaveDiv.id = `slave-${slaves[_si].ID}`;
 			slaveDiv.classList.add("slaveSummary");
+			if (V.slavePanelStyle === 2) {
+				slaveDiv.classList.add("card");
+			}
 			slaveDiv.appendChild(ss);
 			res.appendChild(slaveDiv);
 		}
@@ -147,9 +150,9 @@ App.UI.SlaveList.render = function() {
 	 */
 	function renderSlave(index, interactionLink, showTransfers, postNote) {
 		let res = document.createDocumentFragment();
-		if (V.lineSeparations === 0) {
+		if (V.slavePanelStyle === 0) {
 			res.appendChild(document.createElement("br"));
-		} else {
+		} else if (V.slavePanelStyle === 1) {
 			const hr = document.createElement("hr");
 			hr.style.margin = "0";
 			res.appendChild(hr);
diff --git a/src/uncategorized/BackwardsCompatibility.tw b/src/uncategorized/BackwardsCompatibility.tw
index eb0992455e723b6be7c2f455ffb23e6c3af3e3df..5e8cd896355618f0aefa9ca9415ef6e97b4a9531 100644
--- a/src/uncategorized/BackwardsCompatibility.tw
+++ b/src/uncategorized/BackwardsCompatibility.tw
@@ -3742,6 +3742,10 @@ Done<br>
 	<</if>>
 <</if>>
 
+<<if ndef $slavePanelStyle>>
+	<<set $slavePanelStyle = $lineSeparations>>
+<</if>>
+
 /* leave this at the bottom of BC */
 <<if $releaseID < App.Version.release>>
 	<<set $releaseID = App.Version.release>>
diff --git a/src/uncategorized/options.tw b/src/uncategorized/options.tw
index d23f707e2f72d9d31d9ebfba40b1b7e52c0c656e..b45be0ef4dbaa77c07b1615fcca3ea5be7945603 100644
--- a/src/uncategorized/options.tw
+++ b/src/uncategorized/options.tw
@@ -240,6 +240,12 @@ This save was created using FC version $ver build $releaseID.
 			<</options>>
 		<</if>>
 
+		<<options $lineSeparations "Summary Options">>
+			Line separations are
+			<<option 1 "Shown">>
+			<<option 0 "Hidden">>
+		<</options>>
+
 		<div class="subHeading">
 			''Sidebar''
 		</div>
diff --git a/src/uncategorized/summaryOptions.tw b/src/uncategorized/summaryOptions.tw
index 29632ae7eca187b1974d204b45badd67182cb9c3..cec8d828caf092903dde74efcf241c0f3000e1fd 100644
--- a/src/uncategorized/summaryOptions.tw
+++ b/src/uncategorized/summaryOptions.tw
@@ -63,10 +63,11 @@ Sample summary:
 	App.UI.SlaveList.SlaveInteract.stdInteract
 )>>
 
-<<options $lineSeparations "Summary Options">>
-	Line separations are
-	<<option 1 "Shown">>
-	<<option 0 "Hidden">>
+<<options $slavePanelStyle "Summary Options">>
+	Panel style is
+	<<option 0 "None">>
+	<<option 1 "Line Seperators">>
+	<<option 2 "Card">>
 <</options>>
 
 <<options $abbreviateDevotion "Summary Options">>