.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0}.filters label{display:flex;flex-direction:column;gap:6px;margin:0}.filters input,.filters select{max-width:100%;min-height:44px}.filters label:first-child{flex:1;min-width:200px}button{background:#26382c;color:#e9eedf;border:1px solid #637260;min-height:44px;cursor:pointer}a{display:inline-block;margin:4px 12px 4px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.cards article{margin:0}.cards img{width:90px;height:90px;float:none}.value{font-size:24px;font-weight:700;color:#dce5a7}.muted{color:#b7c3af}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #435145}td img{float:left;margin-right:12px}#results{overflow-x:auto}#pagination{display:flex;align-items:center;gap:16px;margin:20px 0}.keyring-row{display:flex;align-items:center;gap:12px;min-height:44px}.keyring-row small{margin:0}.complete{border-color:#9ab96a}article label{display:flex;align-items:center;flex-wrap:wrap}article a{font-size:14px}.planner-summary{padding:16px;border:1px solid #9ab96a;margin-bottom:20px}input[type=number]{width:110px}.native-app .app-options{font-size:12px}@media(max-width:600px){main{padding:16px}td,th{padding:8px}.filters{display:block}.filters label{margin:12px 0}}@media print{nav,.filters,#pagination,button{display:none!important}body{background:white;color:black}.cards{grid-template-columns:repeat(3,1fr)}article{break-inside:avoid;background:white;color:black}.value,a,small{color:black}}
.item-image-unavailable{display:inline-flex;align-items:center;justify-content:center;width:90px;min-height:72px;padding:8px;background:#253029;border:1px dashed #637260;font-size:11px;color:#c3cbbd;text-align:center;vertical-align:middle;margin-right:12px}.image-note{font-size:11px;max-width:180px}

/* Compact loot reference; other tools retain their card layout. */
body[data-tool="loot-guide"] main{max-width:1600px;padding:16px}
body[data-tool="loot-guide"] .filters{gap:8px;margin:12px 0}
body[data-tool="loot-guide"] #pagination:empty{display:none}
.loot-cards{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px}
.loot-cards article{padding:8px;border-radius:4px;font-size:12px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.loot-cards img{width:48px;height:40px;display:block;margin:0 auto 4px}
.loot-cards article h2{font-size:13px;line-height:1.2;margin:0 0 4px}
.loot-cards article p,.loot-cards article small{margin:3px 0}
.loot-cards article .value{font-size:16px}
.loot-cards article a{font-size:12px;margin:4px 0 0;min-height:24px;display:flex;align-items:center}
.loot-cards .item-image-unavailable{width:100%;min-height:40px;padding:3px;font-size:10px;margin:0 0 4px}
.loot-cards .image-note{font-size:10px}
.loot-type{grid-column:1/-1;font-size:15px;margin:10px 0 0;padding-bottom:4px;border-bottom:1px solid #435145;break-after:avoid}
@media print{
 body[data-tool="loot-guide"] main{max-width:none;padding:0}
 body[data-tool="loot-guide"] main>p,body[data-tool="loot-guide"] #filters{display:none}
 .loot-cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
 .loot-cards article{padding:4px;font-size:7pt;border-radius:0}
 .loot-cards article h2{font-size:8pt}
 .loot-cards article .value{font-size:9pt}
 .loot-cards img{width:32px;height:24px}
 .loot-cards article a,.loot-cards .image-note{display:none}
 .loot-type{font-size:10pt;margin-top:5px}
}